(67 intermediate revisions by the same user not shown) | |||
Line 764: | Line 764: | ||
.main-container{ | .main-container{ | ||
− | |||
position:fixed; | position:fixed; | ||
width:100%; | width:100%; | ||
height:10vmin; | height:10vmin; | ||
z-index:999; | z-index:999; | ||
− | + | transition: all 0.4s ease; | |
+ | -moz-transition: all 0.4s ease; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | transition-duration: 0.4s; | ||
+ | } | ||
+ | |||
+ | .hideUp .main-container { | ||
+ | top: -80px; | ||
+ | } | ||
+ | |||
+ | .hideUp .nav { | ||
+ | top: -80px; | ||
} | } | ||
Line 775: | Line 785: | ||
font-family: Levenim MT; | font-family: Levenim MT; | ||
src: url(https://static.igem.org/mediawiki/2018/a/ad/T--NCTU_Formosa--Font_Levenim_MT.ttf); | src: url(https://static.igem.org/mediawiki/2018/a/ad/T--NCTU_Formosa--Font_Levenim_MT.ttf); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: Myriad Pro; | ||
+ | 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 782: | Line 802: | ||
font-family: Aldrich !important; | font-family: Aldrich !important; | ||
font-weight: bold; | font-weight: bold; | ||
+ | z-index: 1000; | ||
} | } | ||
Line 788: | Line 809: | ||
font-family: Aldrich !important; | font-family: Aldrich !important; | ||
font-weight: bold; | font-weight: bold; | ||
+ | z-index: 1000; | ||
} | } | ||
Line 858: | Line 880: | ||
color: white; | color: white; | ||
padding:15px; | padding:15px; | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
Line 898: | Line 922: | ||
} | } | ||
.NCTU_Formosa{ | .NCTU_Formosa{ | ||
− | left: | + | left: 2vw; |
position: relative; | position: relative; | ||
top: 100px; | top: 100px; | ||
Line 978: | Line 1,002: | ||
.dropdown > .dropbtn_final{ | .dropdown > .dropbtn_final{ | ||
− | margin-right: | + | margin-right: 3vw; |
} | } | ||
Line 995: | 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{ | ||
color: white; | color: white; | ||
− | padding-top: | + | padding:15px; |
+ | padding-top: 3vmin; | ||
+ | padding-bottom: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
text-align:center; | text-align:center; | ||
Line 1,012: | Line 1,040: | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
} | } | ||
+ | |||
+ | #last{ | ||
+ | padding-bottom: 10px; | ||
+ | border-bottom: solid 0.5vw #8ffbfe; | ||
+ | border-bottom-left-radius: 0.5vw; | ||
+ | border-bottom-right-radius: 0.5vw; | ||
+ | } | ||
+ | |||
+ | #first{ | ||
+ | margin-top: 0.5vw; | ||
+ | } | ||
svg{ | svg{ | ||
Line 1,021: | Line 1,060: | ||
width: 100%; | width: 100%; | ||
position: fixed; | position: fixed; | ||
+ | box-shadow: 0px -3px 18px 0px; | ||
+ | z-index: 999; | ||
+ | transition: all 0.4s ease; | ||
+ | -moz-transition: all 0.4s ease; | ||
+ | -webkit-transition: all 0.4s ease; | ||
+ | transition-duration: 0.4s; | ||
} | } | ||
Line 1,064: | Line 1,109: | ||
padding-left: 0; | padding-left: 0; | ||
margin: 0; | margin: 0; | ||
− | top: | + | top: 0; |
− | + | position: absolute; | |
+ | width: 100%; | ||
} | } | ||
Line 1,075: | Line 1,121: | ||
margin: 0 !important; | margin: 0 !important; | ||
display: none !important; | display: none !important; | ||
+ | z-index: 100 !important; | ||
+ | height: 6.4vh; | ||
} | } | ||
Line 1,084: | Line 1,132: | ||
#three_bar>p{ | #three_bar>p{ | ||
− | font-size: | + | font-size: 3vh !important; |
− | + | width: 100%; | |
− | + | text-align: center; | |
− | + | background-color: #0d0249; | |
− | + | position: relative !important; | |
z-index: 1000; | z-index: 1000; | ||
+ | top: 0; | ||
+ | margin: 0; | ||
+ | margin-bottom: ; | ||
+ | height: 6.4vh; | ||
} | } | ||
+ | |||
+ | |||
/* | /* | ||
#three_bar>.nav2 { | #three_bar>.nav2 { | ||
Line 1,118: | 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,202: | 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: | + | .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,214: | 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/ | + | <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,226: | Line 1,282: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Project</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/Project/Description">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/ | + | <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 | + | <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/ | + | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Demonstrate">Demonstration</a></div> |
− | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/ | + | <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> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Dry Lab</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/Dry_Lab/ | + | <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/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/ | + | <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/ | + | <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">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> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Wet Lab</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/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/ | + | <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/ | + | <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/ | + | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/Safety" id="last">Safety</a></div> |
− | + | ||
− | + | ||
</div> | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Parts</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/Parts">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">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> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Human Practice</sapn></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/Human_Practices" id="first">Overview</a></div> | ||
<div><a href="https://2018.igem.org/Team:NCTU_Formosa/Public_Engagement">Education &<br>Public Engagement</a></div> | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Public_Engagement">Education &<br>Public Engagement</a></div> | ||
<div><a href="https://2018.igem.org/Team:NCTU_Formosa/Human_Practices/Integrated">Integrated HP</a></div> | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Human_Practices/Integrated">Integrated HP</a></div> | ||
− | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Collaborations">Collaboration</a></div> | + | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Collaborations" id="last">Collaboration</a></div> |
</div> | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <a href="#" class="dropbtn"><span class="menu_sign">Team</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/Team_Member">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" | + | <div><a href="https://2018.igem.org/Team:NCTU_Formosa/Attributions" id="last">Attributions</a></div> |
− | + | ||
</div> | </div> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href=" | + | <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">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">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,331: | Line 1,393: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/ | + | <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,337: | Line 1,399: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa | + | <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"> | ||
− | + | IoT System | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/ | + | <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,349: | Line 1,411: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/ | + | <a href="https://2018.igem.org/Team:NCTU_Formosa/Entrepreneurship"> |
− | <div class="submenu2_button" id=" | + | <div class="submenu2_button"> |
− | + | 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,373: | Line 1,441: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/ | + | <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"> | ||
− | + | Microbiota Prediction | |
</div> | </div> | ||
</a> | </a> | ||
Line 1,385: | Line 1,453: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/ | + | <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,391: | Line 1,459: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/Dry_Lab/ | + | <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,427: | Line 1,495: | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/ | + | <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"> | ||
− | + | Functional Analysis | |
</div> | </div> | ||
</a> | </a> | ||
− | <a href="https://2018.igem.org/Team:NCTU_Formosa/Wet_Lab/ | + | <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"> | ||
− | + | Curcumin Bio-sensor | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</a> | </a> | ||
Line 1,448: | Line 1,510: | ||
<div class="submenu2_button" id="Safety_page"> | <div class="submenu2_button" id="Safety_page"> | ||
Safety | Safety | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 1,485: | 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,543: | Line 1,611: | ||
<div class="submenu2_button" id="Appreciation_page"> | <div class="submenu2_button" id="Appreciation_page"> | ||
Attributions | Attributions | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</a> | </a> | ||
Line 1,575: | 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> | ||
</div> | </div> | ||
+ | |||
</body> | </body> | ||
Line 1,654: | Line 1,724: | ||
$(this).next('.submenu2_wrapper').toggle(); | $(this).next('.submenu2_wrapper').toggle(); | ||
}); | }); | ||
+ | }); | ||
+ | |||
+ | var bodyClass = document.body.classList, | ||
+ | lastScrollY = 0; | ||
+ | window.addEventListener('scroll', function(){ | ||
+ | var st = this.scrollY; | ||
+ | // 判斷是向上捲動,而且捲軸超過 200px | ||
+ | if( st < lastScrollY) { | ||
+ | bodyClass.remove('hideUp'); | ||
+ | }else{ | ||
+ | bodyClass.add('hideUp'); | ||
+ | } | ||
+ | lastScrollY = st; | ||
}); | }); | ||
</script> | </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> | ||
+ | |||
</html> | </html> |
Latest revision as of 19:37, 9 December 2018