Difference between revisions of "Team:TCFSH Taiwan/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{TCFSH_Taiwan}}
 
 
<html>
 
<html>
 +
<head>
 +
<style type="text/css">
 +
    #home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }}
 +
.content{
 +
            background-color: lightblue;
 +
}
 +
body{
 +
        margin:0;
 +
    }
 +
.TCFSH_Taiwan{
 +
                left:15px;
 +
                position:relative;
 +
                top: 20px;
 +
    } 
 +
    .main-container{
 +
                    background:rgb(230, 236, 255);
 +
                    position:fixed;
 +
                    width:100vw;
 +
                    height:auto;
 +
                    z-index:999;
 +
                    }
  
  
 +
    .dropbtn{
 +
                  margin-top:5px;
 +
}
 +
    .dropdown:hover .dropdown-content{
 +
                  display: block;
 +
}
  
  
−
<div class="column full_size">
+
   
−
<h1>Design</h1>
+
    .dropbtn span:after{
−
<p>
+
width: 0;
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
height: 0;
−
</p>
+
border: 0.313em solid transparent;
 +
border-bottom: none;
 +
border-top-color:black;
 +
content: '';
 +
vertical-align: middle;
 +
display: inline-block;
 +
position: relative;
 +
right: -0.313em; /* 5 */
 +
                text-decoration:none !important;
 +
                list-style-type:none !important;           
 +
              }
  
−
<p>
+
  .dropdown{
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
      float:left;
−
</p>
+
      text-decoration:none !important;
 +
      list-style-type:none !important;
 +
      }
 +
    ul>.dropdown>a{
 +
                color:black !important;
 +
                list-style-type:none !important;
 +
                text-decoration:none !important;
 +
                text-align:left;
 +
              }
 +
    li .dropdown{
 +
                display: inline-block;
 +
                }
 +
               
 +
      .dropdown  a, .dropbtn {
 +
                      display: inline-block;
 +
                      text-align: center;
 +
                      text-color: black;
 +
                      padding-right: 10px;
 +
                      margin-right: 10px;
 +
                      text-decoration: none !important;   
 +
                    }
 +
.main-menu{
 +
      position:relative;
 +
      list-style-type: none !important;
 +
      margin-right:1px;
 +
      display:block;
 +
      float:right !important;
 +
      font-weight:400 !important;
 +
      font-size:20px;
 +
      font-family:"Open Sans",serif,sans-serif;
 +
      }
  
−
</div>
 
  
−
<div class="column half_size">
+
                /*下拉式menu*/
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li>Explanation of the engineering principles your team used in your design</li>
+
−
<li>Discussion of the design iterations your team went through</li>
+
−
<li>Experimental plan to test your designs</li>
+
−
</ul>
+
  
−
</div>
+
    .dropdown a:hover, .dropdown:hover .dropbtn{
 +
                                            color:red !important;
 +
                                            }
 +
 
 +
 
 +
    .dropdown-content{
 +
                      display:none;
 +
                      background: rgb(157, 136, 210);
 +
                      position:absolute;
 +
                      width:auto !important;
 +
                     
 +
                    }
 +
    .dropdown-content a{
 +
                        color: black;
 +
                        padding:15px;
 +
                        text-decoration: none;
 +
                        display: block;
 +
                        text-align:left !important;
 +
                        size:1em;
 +
                        }
 +
                       
 +
   
 +
    .dropdown-content a:hover{
 +
                              color: red;
 +
                              }
 +
    .text{
 +
    background-color: rgb(77, 89, 127);
 +
    color: #ffffff;
 +
    font-size: 20px;
 +
    font-family:
 +
    }
 +
    .text>h1 {
 +
    text-align: center;
 +
    }
 +
    .bigphoto{
 +
    margin: auto;
 +
    display: block;
 +
    }
 +
    .abstract{
 +
    border: 5px double yellow;
 +
    padding: 30px;
 +
    width: 80%;
 +
    position: relative;
 +
    left: 80px;
 +
    text-align: justify;
 +
    font-size: 30px;
 +
    }                         
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
<div class="main-container">
 +
    <a href="https://2017.igem.org/Team:TCFSH_Taiwan">
 +
<img src="https://static.igem.org/mediawiki/2017/5/53/TEAM_name_logo_Tcfsh_new.png" class="TCFSH_Taiwan" width="20%">
 +
</a>
 +
      <ul class="main-menu" id="menu"  style="list-style-image: none;">
 +
        <li class="dropdown"><a href="https://2017.igem.org/Team:TCFSH_Taiwan"  class="dropbtn">Home</a></li>
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project" class="dropbtn"><span class="menu_sign">Project</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Design">Design</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Experiments">Experiments</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Notebook">Notebook</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/InterLab">InterLab</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Contribution">Contribution</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Model</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Proof">Results</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Demonstrate">Demonstrate</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Improve">Improve</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Attributions">Attributions</a></div>
 +
                  </div>
 +
        </li>
 +
 
 +
                 
 +
        <li class="dropdown">
 +
            <a href="#" class="dropbtn"><span class="menu_sign">Awards</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Applied_Design">Applied Design</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Entrepreneurship">Entrepreneurship</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Hardware">Hardware</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Measurement">Measurement</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Model">Model</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Plant">Plant</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Software">Software</a></div>
 +
                  </div>
 +
        </li>
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Parts" class="dropbtn"><span class="menu_sign">Parts</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Basic_Part">Basic Parts</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Composite_Part">Composite Parts</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Part_Collection">Part Collection</a></div>
 +
                  </div>
 +
        </li>
 +
 
 +
       
 +
        <li class="dropdown">
 +
            <a href="#" class="dropbtn"><span class="menu_sign">Human Practices</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Silver">Silver HP</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/HP/Gold_Integrated">Integrated and Gold</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Engagement">Public Engagement</a></div>
 +
                  </div>
 +
        </li>
 +
 
 +
       
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Attributions" class="dropbtn"><span class="menu_sign">Team</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></div>
 +
                      <div><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Collaborations">Collaborations</a></div>                     
 +
                  </div>
 +
        </li>
  
−
<div class="column half_size">
+
      <li class="dropdown">
−
<h5>Inspiration</h5>
+
            <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Safety" class="dropbtn">Safety</a>            
−
<ul>
+
        </li>
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
       
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
    </ul>
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
 
</div>
 
</div>
 +
</body>
  
 +
<body>
  
  
 
</html>
 
</html>

Revision as of 14:37, 15 August 2017