Difference between revisions of "Template:NCTU Formosa/test"

 
(39 intermediate revisions by the same user not shown)
Line 734: Line 734:
  
 
</div>
 
</div>
 
 
  
  
Line 770: Line 768:
 
     height:10vmin;
 
     height:10vmin;
 
     z-index:999;
 
     z-index:999;
     transition: top 0.4s ease-in-out;
+
     transition: all 0.4s ease;
 +
    -moz-transition: all 0.4s ease;
 +
    -webkit-transition: all 0.4s ease;
 
     transition-duration: 0.4s;
 
     transition-duration: 0.4s;
 
}
 
}
Line 790: Line 790:
 
   font-family: Myriad Pro;
 
   font-family: Myriad Pro;
 
   src: url(https://static.igem.org/mediawiki/2018/4/43/T--NCTU_Formosa--Myriad_Pro.otf);
 
   src: url(https://static.igem.org/mediawiki/2018/4/43/T--NCTU_Formosa--Myriad_Pro.otf);
 +
}
 +
 +
@font-face {
 +
  font-family: solaris;
 +
  src: url(https://static.igem.org/mediawiki/2018/3/37/T--NCTU_Formosa--solaris.ttf);
 
}
 
}
  
Line 917: Line 922:
 
                 }
 
                 }
 
.NCTU_Formosa{
 
.NCTU_Formosa{
             left: 2.5vmin;
+
             left: 2vw;
 
             position: relative;
 
             position: relative;
 
             top: 100px;
 
             top: 100px;
Line 997: Line 1,002:
  
 
.dropdown > .dropbtn_final{
 
.dropdown > .dropbtn_final{
                   margin-right: 70px;
+
                   margin-right: 3vw;
 
}
 
}
  
Line 1,014: Line 1,019:
 
                   display: none;
 
                   display: none;
 
                   Z-index:100;
 
                   Z-index:100;
 +
                  border-bottom-left-radius: 0.5vw;
 +
                  border-bottom-right-radius: 0.5vw;
 
                 }
 
                 }
 
.dropdown-content a{
 
.dropdown-content a{
Line 1,035: Line 1,042:
  
 
#last{
 
#last{
   margin-bottom: 10px;
+
   padding-bottom: 10px;
 +
  border-bottom: solid 0.5vw #8ffbfe;
 +
  border-bottom-left-radius: 0.5vw;
 +
  border-bottom-right-radius: 0.5vw;
 
}
 
}
  
Line 1,052: Line 1,062:
 
   box-shadow: 0px -3px 18px 0px;
 
   box-shadow: 0px -3px 18px 0px;
 
   z-index: 999;
 
   z-index: 999;
   transition: top 0.4s ease-in-out;
+
   transition: all 0.4s ease;
 +
  -moz-transition: all 0.4s ease;
 +
  -webkit-transition: all 0.4s ease;
 
   transition-duration: 0.4s;
 
   transition-duration: 0.4s;
 
}
 
}
Line 1,097: Line 1,109:
 
     padding-left: 0;
 
     padding-left: 0;
 
     margin: 0;
 
     margin: 0;
     top: 6vmin;
+
     top: 0;
     overflow-x: auto;
+
     position: absolute;
     position: fixed;
+
     width: 100%;
 
}
 
}
  
Line 1,109: Line 1,121:
 
     margin: 0 !important;
 
     margin: 0 !important;
 
     display: none !important;
 
     display: none !important;
 +
    z-index: 100 !important;
 +
    height: 6.4vh;
 
}
 
}
  
Line 1,118: Line 1,132:
  
 
#three_bar>p{
 
#three_bar>p{
     font-size: 4vmin !important;
+
     font-size: 3vh !important;
 
     width: 100%;
 
     width: 100%;
 
     text-align: center;
 
     text-align: center;
 
     background-color: #0d0249;
 
     background-color: #0d0249;
     position: fixed !important;
+
     position: relative !important;
 
     z-index: 1000;
 
     z-index: 1000;
     top: 15px;
+
     top: 0;
 +
    margin: 0;
 +
    margin-bottom: ;
 +
    height: 6.4vh;
 
}
 
}
  
Line 1,155: Line 1,172:
 
     overflow-x: hidden;
 
     overflow-x: hidden;
 
     display: none;
 
     display: none;
     z-index: 999;
+
     z-index: 999 !important;
 
     border-top: 1px solid #85CFEA;
 
     border-top: 1px solid #85CFEA;
 
     border-left: 1px solid #85CFEA;
 
     border-left: 1px solid #85CFEA;
Line 1,239: Line 1,256:
 
     .igem_2018_menu2_wrapper #display_menu_control { display:block; }
 
     .igem_2018_menu2_wrapper #display_menu_control { display:block; }
 
     #menu2_content { display:none;}
 
     #menu2_content { display:none;}
     .igem_2018_menu2_wrapper .menu2_button .expand_collapse_icon2 { width: 5%; }
+
     .igem_2018_menu2_wrapper .menu2_button .expand_collapse_icon2 { width: 100%; }
 
     .menu2_bottom_padding {display:none;}
 
     .menu2_bottom_padding {display:none;}
 
     .menu2_button.direct_to_page { padding-left: 36px; }
 
     .menu2_button.direct_to_page { padding-left: 36px; }
Line 1,253: Line 1,270:
 
<body>
 
<body>
  
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--NCTU_Formosa--Navigation.png" class="nav">
+
<img src="https://static.igem.org/mediawiki/2018/f/ff/T--NCTU_Formosa--Navigation.png" class="nav" id="navigate">
<div class="main-container" onscroll="shadow()">
+
<div class="main-container" onscroll="shadow()" id="main-container">
  
 
     <!--隊徽-->
 
     <!--隊徽-->
 
<a href="https://2018.igem.org/Team:NCTU_Formosa">
 
<a href="https://2018.igem.org/Team:NCTU_Formosa">
<img src="https://static.igem.org/mediawiki/2018/f/f3/T--NCTU_Formosa--navigation_bar.png" class="NCTU_Formosa" width="4.5%">
+
<img src="https://static.igem.org/mediawiki/2018/f/fa/T--NCTU_Formosa--Team_logo.png" class="NCTU_Formosa" width="10.5%">
 
</a>
 
</a>
  
Line 1,268: Line 1,285:
 
               <div class="dropdown-content" style="display: none;">
 
               <div class="dropdown-content" style="display: none;">
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Description" id="first">Description</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Description" id="first">Description</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Design">Design</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Applied_Design">Design</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Hardware">Hardware</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Hardware">IoT System</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Demostrate">Demonstration</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Demonstrate">Demonstration</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Improve" id="last">Improvement</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Entrepreneurship">Entrepreneurship</a></div>
 +
                  <div><a href="https://2018.igem.org/Team:NCTU_Formosa/InterLab" id="last">InterLab</a></div>
 
               </div>
 
               </div>
 
     </li>
 
     </li>
Line 1,279: Line 1,297:
 
               <div class="dropdown-content" style="display: none;">
 
               <div class="dropdown-content" style="display: none;">
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Model" id="first">Overview</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Model" id="first">Overview</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Weka">Weka</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Microbiota_Prediciton">Microbiota Prediction</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Peptide_Prediction">Peptide Prediction</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Peptide_Prediction">Peptide Prediction</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_1">Growth Model</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Growth_Model">Growth Model</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_4">Productivity Model</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Productivity_Model">Productivity Model</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/NGS_Data_Analysis" id="last">NGS Data Analysis</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/NGS_Data_Analysis" id="last">NGS Data Analysis</a></div>
 
               </div>
 
               </div>
Line 1,292: Line 1,310:
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab" id="first">Experiment Design</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab" id="first">Experiment Design</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Expression">Protein Expression</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Expression">Protein Expression</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/MIC">MIC Test</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Functional_Analysis">Functional Analysis</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Growth_Curve">Growth Curve</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Curcumin_Biosensor">Curcumin Bio-sensor</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Safety">Safety</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Safety" id="last">Safety</a></div>
                  <div><a href="https://2018.igem.org/Team:NCTU_Formosa/InterLab" id="last">InterLab</a></div>
+
 
               </div>
 
               </div>
 
     </li>
 
     </li>
Line 1,304: Line 1,321:
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Parts" id="first">Parts</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Parts" id="first">Parts</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Basic_Part">Basic Parts</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Composite_Part" id="last">Composite Parts</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Composite_Part">Composite Parts</a></div>
 +
                  <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Part_Collection">Part Collection</a></div>
 +
                  <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Improve" id="last">Improvement</a></div>
 
               </div>
 
               </div>
 
     </li>
 
     </li>
Line 1,322: Line 1,341:
 
               <div class="dropdown-content" style="display: none;">
 
               <div class="dropdown-content" style="display: none;">
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Team_Member" id="first">Team Introduction</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Team_Member" id="first">Team Introduction</a></div>
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Attributions">Attributions</a></div>
+
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Attributions" id="last">Attributions</a></div>
                  <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Achievements" id="last">Achievements</a></div>
+
 
               </div>
 
               </div>
 
     </li>
 
     </li>
  
 
     <li class="dropdown">
 
     <li class="dropdown">
         <a href="#" class="dropbtn_final"><span class="menu_sign">Notebook</span></a>
+
         <a href="#" class="dropbtn"><span class="menu_sign">Notebook</span></a>
 
               <div class="dropdown-content" style="display: none;">
 
               <div class="dropdown-content" style="display: none;">
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Notebook" id="first">Lab Note</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Notebook" id="first">Lab Note</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Protocol" id="last">Protocol</a></div>
 
                   <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Protocol" id="last">Protocol</a></div>
 
               </div>
 
               </div>
 +
    </li>
 +
 +
    <li class="dropdown"><a href="https://2018.igem.org/Team:NCTU_Formosa/Achievements" class="dropbtn_final">Achievements</a></li>
 
     </li>
 
     </li>
  
Line 1,372: Line 1,393:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Design">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Applied_Design">
 
                     <div class="submenu2_button" id="Design_page">
 
                     <div class="submenu2_button" id="Design_page">
 
                         Design
 
                         Design
Line 1,378: Line 1,399:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Project/Hardware">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Hardware">
 
                     <div class="submenu2_button" id="Peptide_Prediction_page">
 
                     <div class="submenu2_button" id="Peptide_Prediction_page">
                         Hardware
+
                         IoT System
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Demostrate">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Demonstrate">
 
                     <div class="submenu2_button" id="Spore_Germinaition_Prediction_page">
 
                     <div class="submenu2_button" id="Spore_Germinaition_Prediction_page">
 
                         Demostration
 
                         Demostration
Line 1,390: Line 1,411:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Improve">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Entrepreneurship">
                     <div class="submenu2_button" id="Improvement_page">
+
                  <div class="submenu2_button">
                         Improvement
+
                        Entrepreneurship
 +
                  </div>
 +
                </a>
 +
 
 +
                <a href="https://2018.igem.org/Team:NCTU_Formosa/InterLab">
 +
                     <div class="submenu2_button" id="Safety_page">
 +
                         InterLab
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,414: Line 1,441:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Weka">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Microbiota_Prediciton">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
                         Weka
+
                         Microbiota Prediction
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,426: Line 1,453:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_1">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Growth_Model">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                         Growth Model
 
                         Growth Model
Line 1,432: Line 1,459:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Model_4">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/Productivity_Model">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                     <div class="submenu2_button" id="Spore_Germination_Model_page">
 
                         Productivity Model
 
                         Productivity Model
Line 1,468: Line 1,495:
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/MIC">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Functional_Analysis">
 
                     <div class="submenu2_button" id="Plant_Experiment_page">
 
                     <div class="submenu2_button" id="Plant_Experiment_page">
                         MIC Test
+
                         Functional Analysis
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
  
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Growth_Curve">
+
                 <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Curcumin_Biosensor">
 
                     <div class="submenu2_button" id="Protein_Expression_page">
 
                     <div class="submenu2_button" id="Protein_Expression_page">
                         Growth Curve
+
                         Curcumin Bio-sensor
                    </div>
+
                </a>
+
 
+
                <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Soil_Exp">
+
                    <div class="submenu2_button" id="Safety_page">
+
                        Soil Experiment
+
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,489: Line 1,510:
 
                     <div class="submenu2_button" id="Safety_page">
 
                     <div class="submenu2_button" id="Safety_page">
 
                         Safety
 
                         Safety
                    </div>
 
                </a>
 
 
                <a href="https://2018.igem.org/Team:NCTU_Formosa/InterLab">
 
                    <div class="submenu2_button" id="Safety_page">
 
                        InterLab
 
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,526: Line 1,541:
 
                     <div class="submenu2_button" id="Composite_Part_page">
 
                     <div class="submenu2_button" id="Composite_Part_page">
 
                         Composite Parts
 
                         Composite Parts
 +
                    </div>
 +
                </a>
 +
 +
                <a href="https://2018.igem.org/Team:NCTU_Formosa/Part_Collection">
 +
                    <div class="submenu2_button" id="Composite_Part_page">
 +
                        Part Collection
 +
                    </div>
 +
                </a>
 +
 +
                <a href="https://2018.igem.org/Team:NCTU_Formosa/Improve">
 +
                    <div class="submenu2_button" id="Improvement_page">
 +
                        Improvement
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,584: Line 1,611:
 
                     <div class="submenu2_button" id="Appreciation_page">
 
                     <div class="submenu2_button" id="Appreciation_page">
 
                         Attributions
 
                         Attributions
                    </div>
 
                </a>
 
 
                <a href="https://2018.igem.org/Team:NCTU_Formosa/Achievements">
 
                    <div class="submenu2_button" id="Appreciation_page">
 
                        Achievements
 
 
                     </div>
 
                     </div>
 
                 </a>
 
                 </a>
Line 1,616: Line 1,637:
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
 +
 +
            <a href="https://2018.igem.org/Team:NCTU_Formosa/Achievements">
 +
                <div class="menu2_button direct_to_page">
 +
                    Achievements
 +
                </div>
 +
            </a>
 +
 
         </div>
 
         </div>
 
     </div>
 
     </div>
Line 1,710: Line 1,738:
 
   lastScrollY = st;
 
   lastScrollY = st;
 
});
 
});
 +
 +
 +
</script>
 +
<script>
 +
/*var prevScrollpos = window.pageYOffset;
 +
window.onscroll = function() {
 +
var currentScrollPos = window.pageYOffset;
 +
  if (prevScrollpos > currentScrollPos) {
 +
    document.getElementById("main-container").style.top = "1vw";
 +
    document.getElementById("navigate").style.top = "2vw";
 +
  } else {
 +
    document.getElementById("main-container").style.top = "-80px";
 +
    document.getElementById("navigate").style.top = "-80px";
 +
  }
 +
  prevScrollpos = currentScrollPos;
 +
}*/
 
</script>
 
</script>
  
  
 
</html>
 
</html>
 
{{NCTU Formosa/Scroll_nav}}
 

Latest revision as of 19:37, 9 December 2018

Navigation Bar