Difference between revisions of "Template:Team:NCTU Formosa"

 
(84 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" type="image/x-icon">
 
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" type="image/x-icon">
−
<link rel="icon" href="https://static.igem.org/mediawiki/2016/b/bf/NCTU_icon.png" type="image/x-icon">
 
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
Line 23: Line 22:
 
         margin:0;
 
         margin:0;
 
     }
 
     }
−
 
−
 
−
 
  
  
Line 37: Line 33:
 
                     }
 
                     }
  
−
  .NCTU_Formosa{
+
 
−
                left:40px;
+
    .dropbtn{
−
                position:relative;
+
                  margin-top:5px;
−
                top:0.8vh;
+
 
}
 
}
−
   
 
  
  
−
    .container{
 
−
            display:none;
 
−
    }
 
 
      
 
      
 
     .dropbtn span:after{
 
     .dropbtn span:after{
Line 66: Line 57:
 
   .dropdown{
 
   .dropdown{
 
       float:left;
 
       float:left;
−
      margin-left:5px;
 
 
       text-decoration:none !important;
 
       text-decoration:none !important;
 
       list-style-type:none !important;
 
       list-style-type:none !important;
Line 74: Line 64:
 
                 list-style-type:none !important;
 
                 list-style-type:none !important;
 
                 text-decoration:none !important;
 
                 text-decoration:none !important;
 +
                text-align:left;
 
               }
 
               }
 
     li .dropdown{
 
     li .dropdown{
Line 88: Line 79:
 
                     }
 
                     }
  
−
    .main-menu{
+
.main-menu{
 
       position:relative;
 
       position:relative;
 
       list-style-type: none !important;
 
       list-style-type: none !important;
−
       margin:2px;
+
       margin-right:1px;
−
      padding:10px !important;
+
 
       display:block;
 
       display:block;
−
       float:right;
+
       float:right !important;
−
       font-size:12pt;
+
      font-weight:400 !important;
 +
       font-size:15px;
 
       font-family:"Open Sans",serif,sans-serif;
 
       font-family:"Open Sans",serif,sans-serif;
 
       }
 
       }
Line 109: Line 100:
 
                       background:#E8E3E8;
 
                       background:#E8E3E8;
 
                       position:absolute;
 
                       position:absolute;
−
                       width:auto;
+
                       width:auto !important;
 
                        
 
                        
 
                     }
 
                     }
 
     .dropdown-content a{
 
     .dropdown-content a{
 
                         color: black;
 
                         color: black;
−
                         padding:10px;
+
                         padding:15px;
 
                         text-decoration: none;
 
                         text-decoration: none;
 
                         display: block;
 
                         display: block;
−
                         text-align:left;
+
                         text-align:left !important;
 
                         size:1em;
 
                         size:1em;
 
                         }
 
                         }
Line 132: Line 123:
  
 
/*manu*/
 
/*manu*/
 +
@media screen and (min-width: 768px) {
 
.main-container{
 
.main-container{
 
                     background:white !important;
 
                     background:white !important;
 
                     position:fixed;
 
                     position:fixed;
 
                     width:100vw;
 
                     width:100vw;
−
                     height:8vh;
+
                     height:10.5vh;
 
                     display:block important;  
 
                     display:block important;  
 
                     }
 
                     }
 +
  .NCTU_Formosa{
 +
                left:1.5vw;
 +
                position:relative;
 +
                top:25px;
 +
}
 +
}
 +
@media screen and (orientation: portrait) {
 +
  .main-container{
 +
                    background:white !important;
 +
                    position:fixed;
 +
                    width:100vw;
 +
                    height:4vh;
 +
                    display:block important;
 +
                    }
 +
  .NCTU_Formosa{
 +
                left:1.5vw;
 +
                position:relative;
 +
                top:35px;
 +
}
 +
}
 +
 
.menu_sign:after
 
.menu_sign:after
 
{
 
{
Line 153: Line 166:
 
                                  
 
                                  
 
}
 
}
−
.main-menu{
+
 
−
      display:none;
+
−
      }
+
 
.active_menu{display:none;}
 
.active_menu{display:none;}
 
      
 
      
Line 177: Line 188:
 
                       text-align: center !important;
 
                       text-align: center !important;
 
                       text-color:black !important;
 
                       text-color:black !important;
−
                       padding: 14px 16px !important;
+
                       padding: 12px 12px !important;
 
                       text-decoration:none !important;     
 
                       text-decoration:none !important;     
 
                     }
 
                     }
Line 197: Line 208:
 
     .dropdown-content a{
 
     .dropdown-content a{
 
                         color: black;
 
                         color: black;
−
                         padding:5px;
+
                         padding-top:5px;        
 
                         text-decoration: none;
 
                         text-decoration: none;
 
                         text-align:center;
 
                         text-align:center;
−
                         size:1em;
+
                         size:1.3em;
 +
                       
 
                         }
 
                         }
  
Line 220: Line 232:
 
         <!--隊徽-->
 
         <!--隊徽-->
 
   <a href="https://2016.igem.org/Team:NCTU_Formosa">
 
   <a href="https://2016.igem.org/Team:NCTU_Formosa">
−
<img src="https://static.igem.org/mediawiki/2016/7/7f/NCTU_pantide.png" class="NCTU_Formosa" width="10%">
+
<img src="https://static.igem.org/mediawiki/2016/4/40/2016NCTU_FORMOSA_YA.png" class="NCTU_Formosa" width="10%">
 
</a>
 
</a>
−
        <!--下拉選單-->
+
 
−
<div class="container" id="icon_menu"  onclick="myFunction(this)"onclick="Function(this)">
+
−
  <div class="bar1"></div>
+
−
  <div class="bar2"></div>
+
−
  <div class="bar3"></div>
+
−
</div>
+
 
     <ul class="main-menu" id="menu"  style="list-style-image: none;">
 
     <ul class="main-menu" id="menu"  style="list-style-image: none;">
 
         <li class="dropdown"><a href="https://2016.igem.org/Team:NCTU_Formosa"  class="dropbtn">Home</a></li>
 
         <li class="dropdown"><a href="https://2016.igem.org/Team:NCTU_Formosa"  class="dropbtn">Home</a></li>
Line 236: Line 243:
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Description">Description</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Description">Description</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">Design</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">Design</a></div>
−
                      <div><a href="https://2016.igem.org/Team:NCTU_Formosa/PANTIDE">PANTIDE</a></div>
 
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate">Device</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Demonstrate">Device</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Proof">Results</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Proof">Results</a></div>
Line 261: Line 267:
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#MarketingFuture">Marketing & Future</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#MarketingFuture">Marketing & Future</a></div>
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#RegulationLaw">Law & Regulations</a></div>  
 
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#RegulationLaw">Law & 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><a href="https://2016.igem.org/Team:NCTU_Formosa/Entrepreneurship#ourSponsor">Sponsor</a></div>
 
                   </div>
 
                   </div>
Line 278: Line 285:
 
                   <div class="dropdown-content">
 
                   <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/Notebook">Lab Note</a></div>
−
                       <div><a href="#">Protocol</a></div>
+
                       <div><a href="https://2016.igem.org/Team:NCTU_Formosa/Protocol">Protocol</a></div>
 
                   </div>
 
                   </div>
 
         </li>
 
         </li>
Line 285: Line 292:
 
          
 
          
 
         <li class="dropdown">
 
         <li class="dropdown">
−
             <a href="https://2016.igem.org/Team:NCTU_Formosa/Attributions">Team</a>
+
             <a href="https://2016.igem.org/Team:NCTU_Formosa/Attributions" class="dropbtn">Team</a>
 
         </li>
 
         </li>
 
          
 
          
 
         <li class="dropdown">
 
         <li class="dropdown">
−
             <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement">Achievement</a>
+
             <a href="https://2016.igem.org/Team:NCTU_Formosa/Achievement" class="dropbtn">Achievement</a>
 
                   <div class="dropdown-content">
 
                   <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/Gold">HP Gold</a></div>
Line 298: Line 305:
 
      
 
      
  
−
 
+
</div>
  
 
<script>
 
<script>

Latest revision as of 18:32, 19 October 2016