(33 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <html> | + | <html><!--- THIS IS WHERE THE HTML BEGINS ---><head> |
− | + | <meta http-equiv="content-type" content="text/html; charset=GBK"><script> | |
− | + | ||
− | + | ||
− | + | ||
− | <!--- THIS IS WHERE THE HTML BEGINS ---> | + | |
− | + | ||
− | <script> | + | |
</script> | </script> | ||
<style> | <style> | ||
Line 15: | Line 9: | ||
#content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
body { | body { | ||
− | background-color: # | + | background-color: #ffffff; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
Line 36: | Line 30: | ||
} | } | ||
− | + | #logo{ | |
− | margin-top:15px; | + | margin-top:15px; |
− | + | ||
− | + | ||
− | + | ||
float:right; | float:right; | ||
} | } | ||
Line 50: | Line 41: | ||
/* Actually this make the navigation bar bigger and better*/ | /* Actually this make the navigation bar bigger and better*/ | ||
#nav { | #nav { | ||
− | margin: | + | margin-left: 60; |
padding:0; | padding:0; | ||
− | padding-top: | + | padding-top: 60px; |
padding-bottom: 20px; | padding-bottom: 20px; | ||
Line 71: | Line 62: | ||
display: inline; | display: inline; | ||
margin:0px; | margin:0px; | ||
− | padding: 0 | + | padding: 0 15px 0 15px; |
Line 82: | Line 73: | ||
list-style-type: none; | list-style-type: none; | ||
− | margin: | + | margin-left: 0px; |
padding: 0; | padding: 0; | ||
padding-left: 10px; | padding-left: 10px; | ||
Line 108: | Line 99: | ||
#nav li a:hover, #nav .dropdownlist:hover .dropbtn { | #nav li a:hover, #nav .dropdownlist:hover .dropbtn { | ||
color:black; | color:black; | ||
− | background-color:# | + | background-color:#FFF9F4; |
transition-property: background-color, color; | transition-property: background-color, color; | ||
transition-duration: 0.5s; | transition-duration: 0.5s; | ||
Line 119: | Line 110: | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
− | + | ||
#nav .dropdown_content { | #nav .dropdown_content { | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | background-color: # | + | background-color: #FFF9F4; |
min-width: 160px; | min-width: 160px; | ||
− | box-shadow: 0px | + | box-shadow: 0px 16px 16px 0px rgba(0,0,0,0.2); |
z-index: 1; | z-index: 1; | ||
} | } | ||
Line 134: | Line 125: | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | display: block; | ||
− | text-align: | + | text-align: center; |
} | } | ||
Line 155: | Line 146: | ||
</style> | </style> | ||
− | + | ||
<!-- This tells the browser that your page is responsive --> | <!-- This tells the browser that your page is responsive --> | ||
Line 163: | Line 154: | ||
<body> | <body> | ||
<div class="const" style="padding-left:-30px;padding-right:-30px;"> | <div class="const" style="padding-left:-30px;padding-right:-30px;"> | ||
− | + | <img style="float: left;margin-left: -80px;margin-top: 15px;" src="https://static.igem.org/mediawiki/2018/a/a5/T--SIAT-SCIE--SIAT_Logo_Transparent.png" width="150px"> | |
<div id="nav"> | <div id="nav"> | ||
− | <ul | + | <ul> |
− | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:SIAT-SCIE/Home" title="Home" style="font-family:'Avenir';">Home</a></li> |
<li class="dropdownlist"> | <li class="dropdownlist"> | ||
Line 172: | Line 163: | ||
<div class="dropdown_content"> | <div class="dropdown_content"> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Project_Description" style="font-family:'Avenir';" alt="Description">Description</a> |
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Design" style="font-family:'Avenir';" alt="Design">Design</a> |
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Results" style="font-family:'Avenir';" alt="Results">Results</a> |
− | + | ||
− | + | ||
</div> | </div> | ||
Line 182: | Line 172: | ||
<li class="dropdownlist"> | <li class="dropdownlist"> | ||
− | <a href="javascript:void(0)" class="dropbtn"style="font-family:'Avenir';"> | + | <a href="javascript:void(0)" class="dropbtn" style="font-family:'Avenir';">Lab</a> |
<div class="dropdown_content"> | <div class="dropdown_content"> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/IGEM_Diary" style="font-family:'Avenir';" alt="iGEM Diary">iGEM Diary</a> |
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Protocol" style="font-family:'Avenir';" alt="Protocol">Protocol</a> |
+ | <a href="https://2018.igem.org/Team:SIAT-SCIE/Safety" style="font-family:'Avenir';" alt="Safety">Safety</a> | ||
</div> | </div> | ||
Line 192: | Line 183: | ||
<li class="dropdownlist"> | <li class="dropdownlist"> | ||
− | <a href="javascript:void(0)" style="font-family:'Avenir';"class="dropbtn">Parts</a> | + | <a href="javascript:void(0)" style="font-family:'Avenir';" class="dropbtn">Parts</a> |
<div class="dropdown_content"> | <div class="dropdown_content"> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Parts_Overview" style="font-family:'Avenir';" alt="Parts Overview">Parts Overview</a> |
− | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Primer" style="font-family:'Avenir';" alt="Primer">Primer</a> | |
− | + | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li class="dropdownlist"> | + | <li class="dropdownlist"> |
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li><a href="https:// | + | <li><a href="https://2018.igem.org/Team:SIAT-SCIE/Modeling" style="font-family:'Avenir';" title="Modeling">Modeling</a></li> |
<li class="dropdownlist"> | <li class="dropdownlist"> | ||
<a href="javascript:void(0)" style="font-family:'Avenir';" class="dropbtn">Team</a> | <a href="javascript:void(0)" style="font-family:'Avenir';" class="dropbtn">Team</a> | ||
<div class="dropdown_content"> | <div class="dropdown_content"> | ||
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/About_us" style="font-family:'Avenir';" alt="About us">About us</a> |
− | <a href="https:// | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Attributions" style="font-family:'Avenir';" alt="Attribution">Attribution</a> |
− | + | <a href="https://2018.igem.org/Team:SIAT-SCIE/Collaborations" style="font-family:'Avenir';" alt="Collaborations">Collaborations</a> | |
</div> | </div> | ||
</li> | </li> | ||
− | <li | + | <li><a href="https://2018.igem.org/Team:SIAT-SCIE/Human_Practices" style="font-family:'Avenir';" title="Human Practices">Human Practices</a></li> |
− | + | <li><a href="https://2018.igem.org/Team:SIAT-SCIE/InterLab" style="font-family:'Avenir';" title="InterLab">InterLab</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <li><a href="https:// | + | |
</ul> | </ul> | ||
Line 233: | Line 213: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </body> | + | |
− | </html> | + | |
+ | </body></html> |