Difference between revisions of "Template:Fudan-CHINA"

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&amp;action=raw&amp;ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/jQuery&amp;action=raw&amp;ctype=text/javascript"></script>
Line 8: Line 9:
 
$(document).ready(function(){
 
$(document).ready(function(){
 
   $("#navname a").mouseover(function(){
 
   $("#navname a").mouseover(function(){
−
     $(this).animate({lineHeight:'72px'},"fast");
+
     $(this).animate({lineHeight:'70px'},"fast");
 
   });
 
   });
 
   $("#navname a").mouseout(function(){
 
   $("#navname a").mouseout(function(){
−
     $(this).animate({lineHeight:'80px'},"fast");
+
     $(this).animate({lineHeight:'75px'},"fast");
 
   });
 
   });
 
});
 
});
Line 44: Line 45:
 
   font-family:_Quicksand;
 
   font-family:_Quicksand;
 
  src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Fudan-CHINA--Quicksand.ttf');
 
  src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Fudan-CHINA--Quicksand.ttf');
 +
}
 +
@font-face
 +
{
 +
  font-family:_wonderwall;
 +
src: url('https://static.igem.org/mediawiki/2018/4/43/T--Fudan-CHINA--wonderwall.ttf');
 
}
 
}
 
 
−
div#mydiv{
+
div{
 
background-color: white;
 
background-color: white;
 
}
 
}
Line 58: Line 64:
 
padding: 0;
 
padding: 0;
 
border: 0;
 
border: 0;
 +
position: absolute;
 +
top:10px;
 +
box-shadow: 0px 0px 6px #A6A6A6;
 +
position: fixed;
 +
top:13%;
 
}
 
}
 
#navname li{
 
#navname li{
−
float:right;
+
display: inline;
 
 
 
}
 
}
 
#navname li a{
 
#navname li a{
−
display: block;
 
 
width: 200px; /*每个name的宽度和高度*/
 
width: 200px; /*每个name的宽度和高度*/
−
height:80px;
+
height:75px;
−
line-height: 80px;
+
line-height: 75px;
 
text-align: center;
 
text-align: center;
 
text-decoration: none;
 
text-decoration: none;
−
color:white;/*name的颜色*/
+
color:#505050;/*name的颜色*/
 
font-size: 25px;
 
font-size: 25px;
 
         font-family:_Quicksand;
 
         font-family:_Quicksand;
 +
padding: 20px;
 +
}
 +
img#logoOnNav{
 +
background-color:rgba(70,186,226,1);
 +
width:70px;height:70px;
 +
position: relative;
 +
top:-5px;
 +
}
 +
#teamOnNav{
 +
position: relative;
 +
left:-30px;
 +
font-family:_wonderwall;
 
}
 
}
−
   
 
−
 
 
 
 
</style>
 
</style>
 
<body id="mypage">
 
<body id="mypage">
 
<div id="mydiv" style="position: relative;background-color: white">
 
<div id="mydiv" style="position: relative;background-color: white">
−
    <div style="background-color: rgba(1,128,255,1);position: relative;top:-7px">
 
 
<ul id="navname">
 
<ul id="navname">
−
<li><a href="#home">About</a></li>
+
<li><a href="#"><img id="logoOnNav"  src="https://static.igem.org/mediawiki/2018/7/79/T--Fudan-CHINA--stepHollow.png"></a></li>
−
<li><a href="#news">Practices</a></li>
+
<li><a href="#" id="teamOnNav">Fudan-CHINA</a></li>
−
     <li><a href="#news">Modeling</a></li>
+
<li><a href="#">&ensp;&ensp;&ensp;&ensp;&ensp;</a></li>
−
     <li><a href="#contact">Lab</a></li>
+
−
     <li><a href="#about">Project</a></li>
+
<li><a href="#">About</a></li>
 +
<li><a href="#">Practices</a></li>
 +
     <li><a href="#">Modeling</a></li>
 +
     <li><a href="#">Lab</a></li>
 +
     <li><a href="#">Project</a></li>
 
</ul>
 
</ul>
−
</div>
 
 
</div>
 
</div>
  
 
</html>
 
</html>

Revision as of 13:20, 19 September 2018