Difference between revisions of "Template:Fudan-CHINA"

Line 1: Line 1:
 
<html>
 
<html>
+
 
<!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--start---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
</p>
 
</p>
Line 302: Line 302:
  
 
<!--navigation bar-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--navigation bar-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<ul id="navUl" style="z-index: 999;">
 +
<li class="navLi navImg" style="display: inline-block;float: left;width: 10px;" href="#8"></li>
 +
<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA" style="width=80px;height:80px;padding:15px; " src="https://static.igem.org/mediawiki/2018/6/6b/T--Fudan-CHINA--teamBadgeWhite_noCircle.png" /></a></li>
 +
<li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA">Fudan-CHINA</a></li>
 +
  <li class="navLi"><a class="navA" href="#7">Team</a></li>
 +
<li class="navLi"><a class="navA" href="#6">Parts</a></li>
 +
<li class="navLi"><a class="navA" href="#5">Practices</a></li>
 +
<li class="navLi"><a class="navA" href="#4">Lab</a></li>
 +
<li class="navLi"><a class="navA" href="#3">Modeling</a></li>
 +
<li class="navLi"><a class="navA" href="#2">Project</a></li>
 +
</ul>
 
<style>
 
<style>
 
#navUl{
 
#navUl{
Line 310: Line 325:
 
position:fixed;
 
position:fixed;
 
width: 80%;
 
width: 80%;
 +
background-color: aqua;
 
}
 
}
 
.navLi:not(.navImg){
 
.navLi:not(.navImg){
Line 319: Line 335:
 
padding:0 20px;  
 
padding:0 20px;  
 
color:white;
 
color:white;
font-family:_Butler;
+
font-family:Butler,_Butler;
 
font-weight: 400;
 
font-weight: 400;
 
font-size: 30px;
 
font-size: 30px;
Line 326: Line 342:
 
}
 
}
 
.teamName{
 
.teamName{
font-family:_Zelda;
+
font-family:Zelda,_Zelda;
 
font-weight: 400;
 
font-weight: 400;
 
font-size: 35px;
 
font-size: 35px;
Line 353: Line 369:
 
}
 
}
 
 
</style>
+
</style>
+
+
+
<ul id="navUl" style="z-index: 999;">
+
<li class="navLi navImg" style="display: inline-block;float: left;width: 10px;" href="#8"></li>
+
<li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA" style="width=80px;height:80px;padding:15px; " src="https://static.igem.org/mediawiki/2018/6/6b/T--Fudan-CHINA--teamBadgeWhite_noCircle.png" /></a></li>
+
<li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA">Fudan-CHINA</a></li>
+
  <li class="navLi"><a class="navA" href="#7">Team</a></li>
+
<li class="navLi"><a class="navA" href="#6">Parts</a></li>
+
<li class="navLi"><a class="navA" href="#5">Practices</a></li>
+
<li class="navLi"><a class="navA" href="#4">Lab</a></li>
+
<li class="navLi"><a class="navA" href="#3">Modeling</a></li>
+
<li class="navLi"><a class="navA" href="#2">Project</a></li>
+
</ul>
+
 
<script>
 
<script>
  
Line 409: Line 411:
 
 
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!---------------------------------------------------------------------------------------------------------------------------------------------------->
 
  
  
  
 
</html>
 
</html>

Revision as of 06:44, 24 September 2018