Difference between revisions of "Team:TCFSH Taiwan"

Line 1: Line 1:
−
{{TCFSH_Taiwan}}
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<style>
+
<style type="text/css">
−
 
+
#sideMenu, #top_title {display:none;}
−
#home_logo, #sideMenu { display:none; }
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
−
#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; }
+
  
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
#top_menu_inside {margin-left: 20px; margin-bottom: 0px;}
 +
body{
 +
        margin:0;
 +
    }
 
.TCFSH_Taiwan{
 
.TCFSH_Taiwan{
 
                 left:15px;
 
                 left:15px;
Line 14: Line 15:
 
                 top:3px;
 
                 top:3px;
 
                 bottom:3px;
 
                 bottom:3px;
−
}
+
}  
−
.navigation{
+
    .main-container{
−
    list-style-type: none;
+
                    background:#E8E3E8;
−
    margin: 0;
+
                    position:fixed;
−
    padding: 0;
+
                    width:100vw;
−
    overflow: hidden;
+
                    height:auto;
−
    background-color: rgb(230, 236, 255);
+
                    z-index:999;
−
}
+
                    }
−
.navigation li{
+
−
    float: right;
+
−
}
+
  
−
.navigation li a, .dropbtn {
 
−
    display: inline-block;
 
−
    color: black;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
  
−
li a:hover, .dropdown:hover .dropbtn {
+
    .dropbtn{
−
    background-color: rgb(157, 136, 221);
+
                  margin-top:5px;
 
}
 
}
  
−
.dropdown {
 
−
    display: inline-block;
 
−
}
 
  
−
.dropdown-content {
+
   
−
    display: none;
+
    .dropbtn span:after{
−
    position: absolute;
+
width: 0;
−
    background-color: white;
+
height: 0;
−
    min-width: 160px;
+
border: 0.313em solid transparent;
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+
border-bottom: none;
−
    z-index: 1;
+
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;            
 +
              }
  
−
.dropdown-content a {
+
  .dropdown{
−
    color: black;
+
      float:left;
−
    padding: 12px 16px;
+
      text-decoration:none !important;
−
    text-decoration: none;
+
      list-style-type:none !important;
−
     display: block;
+
      }
−
     text-align: left;
+
    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;   
 +
                    }
  
−
.dropdown-content a:hover {background-color: rgb(255, 230, 255)}
+
.main-menu{
 +
      position:relative;
 +
      list-style-type: none !important;
 +
      margin-right:1px;
 +
      display:block;
 +
      float:right !important;
 +
      font-weight:400 !important;
 +
      font-size:15px;
 +
      font-family:"Open Sans",serif,sans-serif;
 +
      }
  
−
.dropdown:hover .dropdown-content {
+
                /*下拉式menu*/
−
    display: block;
+
−
}
+
  
 +
    .dropdown > a:hover, .dropdown:hover .dropbtn{
 +
                                            color:red !important;
 +
                                            }
 +
 +
    .dropdown-content{
 +
                      display:none;
 +
                      background:#E8E3E8;
 +
                      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;
 +
                              }
 
</style>
 
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<ul class="navigation">
+
<div class="main-container";>
 
<a href="https://2017.igem.org/Team:TCFSH_Taiwan">
 
<a href="https://2017.igem.org/Team:TCFSH_Taiwan">
−
<img src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" class="TCFSH_Taiwan" width="5.5%">
+
<img src="https://static.igem.org/mediawiki/2017/8/82/Team_Logo%28No_background%29TCFSH_Taiwan.png" class="TCFSH_Taiwan" width="5%">
 
</a>
 
</a>
−
       <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Human_Practice">Human Practice</a></li>
+
       <ul class="main-menu" id="menu"  style="list-style-image: none;">
−
      <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Modeling">Modeling</a></li>
+
        <li class="dropdown"><a href="https://2016.igem.org/Team:NCTU_Formosa"  class="dropbtn">Home</a></li>
−
      <li class="dropdown"><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Project" class="dropbtn">Project</a><div class="dropdown-content">
+
       
−
      <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Description">Description</a>
+
        <li class="dropdown">
−
      <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Experiment">Experiment</a>
+
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Project" class="dropbtn"><span class="menu_sign">Project</span></a>
−
      <a href="https://2017.igem.org/Team:TCFSH_Taiwan/Results">Results</a>
+
                  <div class="dropdown-content">
−
      <a href="https://2017.igem.org/Team:TCFSH_Taiwan/InterLab">InterLab</a>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Description">Description</a></div>
−
    </div></li>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">Design</a></div>
−
      <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan/Team">Team</a></li>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate">Device</a></div>
−
      <li><a href="https://2017.igem.org/Team:TCFSH_Taiwan">Home</a></li>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Proof">Results</a></div>
−
</ul>
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Model">Modeling</a></div>
−
<img src="https://static.igem.org/mediawiki/2017/5/59/Big_Logo_overview_tcfsh_new.jpeg" width="90%">
+
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Safety">Safety</a></div>
 +
                  </div>
 +
        </li>
 +
       
 +
        <li class="dropdown">
 +
          <a href="https://2016.igem.org/Team:NCTU_Formosa/Human_Practices" class="dropbtn"><span class="menu_sign">Human Practice</span></a>
 +
                  <div class="dropdown-content">                     
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Integrated_Practices">Study</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Collaborations">Collaborations</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Engagement">Education</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Meetups">Meetups</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Further_Considerations">Further Considerations</a></div>
 +
                  </div>
 +
        </li>
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship" class="dropbtn"><span class="menu_sign">Entrepreneurship</span></a>
 +
                  <div class="dropdown-content">                                           
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#Businessmodel">Business Model</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#MarketingFuture">Marketing &amp; Future</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#RegulationLaw">Law &amp; Regulations</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#Business_competition">Business Competition</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#ourSponsor">Sponsor</a></div>
 +
                  </div>
 +
        </li>
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Parts" class="dropbtn"><span class="menu_sign">Parts</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></div>
 +
                  </div>
 +
        </li>
 +
 
 +
       
 +
        <li class="dropdown">
 +
            <a href="#" class="dropbtn"><span class="menu_sign">Notebook</span></a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Notebook">Lab Note</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></div>
 +
                  </div>
 +
        </li>
 +
 
 +
       
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Attributions" class="dropbtn">Team</a>
 +
        </li>
 +
       
 +
        <li class="dropdown">
 +
            <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement" class="dropbtn">Achievement</a>
 +
                  <div class="dropdown-content">
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Gold">HP Gold</a></div>
 +
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/HP/Silver">HP Silver</a></div>
 +
                  </div>
 +
        </li>
 +
    </ul>
 +
</div>
 +
</div><img src="https://static.igem.org/mediawiki/2017/5/59/Big_Logo_overview_tcfsh_new.jpeg" width="90%">
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 02:09, 20 July 2017