Difference between revisions of "Template:Team:William and Mary/HEADER3"

Line 3: Line 3:
  
 
<html>
 
<html>
−
    <head>
+
<head>
−
        <style type = "text/css">
+
<style type="text/css">
 +
#globalWrapper{
 +
padding:0px;
 +
}
 +
#content{
 +
    width:100%;
 +
padding:0px;
 +
border:none;
 +
background-color: #F0F0F0;
 +
}
 +
.firstHeading{
 +
display:none;
 +
}
 +
#bodyContent{
 +
padding:0px;
 +
}
  
−
#nav {
+
.head{
 +
position: fixed;
 +
    left:0px;
 +
top:18px;
 
width: 100%;
 
width: 100%;
 +
height: 60px;
 +
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
 +
border-bottom: thin solid #CCC;
 +
z-index:10000;
 +
}
 +
.head:hover{
 +
background: #FFF;
 +
}
 +
#navLogoLeft{
 +
float:left;
 +
margin-left:15px;
 +
margin-right:20px;
 +
padding:2px 0px 4px 0px;
 +
}
 +
#navLogoLeft img{
 +
border: 0px;
 +
height: 54px;
 +
width: auto;
 +
}
 +
#navLogoRight{
 +
float:right;
 +
margin-right:10px;
 +
padding:2px;
 +
}
 +
#navLogoRight img{
 +
border:0px;
 +
height:56px;
 +
width: auto;
 +
}
 +
.nav {
 +
float:left;
 +
}
 +
.navOne{
 
float: left;
 
float: left;
−
margin: 0 0 3em 0;
+
padding-top:4px;
−
padding: 0;
+
}
−
list-style: none;
+
.navOne a{
−
background-color: #f2f2f2;
+
color: #333;
−
border-bottom: 1px solid #ccc;
+
}
−
border-top: 1px solid #ccc; }
+
.navOneA{
−
#nav li {
+
line-height: 52px;
−
float: left; }
+
−
#nav li a {
+
−
display: block;
+
−
padding: 8px 15px;
+
 
text-decoration: none;
 
text-decoration: none;
−
font-weight: bold;
+
padding: 10px 12px;
−
color: #069;
+
text-transform: uppercase;
−
border-right: 1px solid #ccc; }
+
font-family: "Comic Sans MS", cursive,Georgia;
−
#nav li a:hover {
+
font-size: 14px;
−
color: #c00;
+
}
−
background-color: #fff; }
+
.navOneA img{
 +
border:0px;
 +
}
 +
.navOne:hover{
 +
background:#CCC;
 +
border-bottom: 4px solid #CCC;
 +
cursor:pointer; 
 +
}
 +
.navOne:hover a{
 +
text-decoration: none;
 +
}
 +
.navOne:hover .navDrop{
 +
display:block;
 +
}
 +
.navDrop{
 +
display:none;
 +
padding-bottom:5px;
 +
margin-top:-10px;
 +
}
 +
.navTwo{
 +
list-style-type: none;
 +
padding: 5px 10px;
 +
max-width:130px;
 +
}
 +
.navTwo:hover{
 +
background:#999;
 +
cursor:pointer;
 +
}
 +
.navTwo a{
 +
text-decoration: none;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 14px;
 +
display:block;
 +
width:100%;
 +
}
 +
 
 +
</style>
 +
</head>
  
−
         </style>
+
<body>
−
     </head>
+
<!--head start-->
 +
<div class="head">
 +
<div id="navLogoLeft">
 +
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji" target="_blank">
 +
        <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 +
        </a>
 +
     </div>
 +
    <div id="navLogoRight">
 +
        <a href="https://2015.igem.org/Main_Page" target="_blank">
 +
            <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 +
        </a>
 +
    </div>
 +
    <div class="nav">
 +
        <div class="navOne" id="divHome"><a class="navOneA" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></div>
 +
        <div class="navOne" id="divProject"><a class="navOneA" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                    <li class="navTwo" id="navOverview"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Overview">Overview</a></li>
 +
                    <li class="navTwo" id="navBackground"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Background">Background</a></li>
 +
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=ProjectDesign">Project Design</a></li>
 +
                    <li class="navTwo" id="navProtocol"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Protocol">Protocol</a></li>
 +
                    <li class="navTwo" id="navSummaryResult"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=SummaryResult">Summary and Result</a></li>
 +
                    <li class="navTwo" id="navDesign"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Design">Design</a></li>
 +
                    <li class="navTwo" id="navCharacterize"><a href="https://2015.igem.org/Team:China_Tongji/Project?locationId=Characterize">Characterize an existing part</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divNotebook"><a class="navOneA" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navRecord"><a href="https://2015.igem.org/Team:China_Tongji/Notebook?locationId=Record">Record</a></li>
 +
                <li class="navTwo" id="navTimeline"><a href="https://2015.igem.org/Team:China_Tongji/Notebook?locationId=Timeline">Timeline</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divAchivement"><a class="navOneA" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                    <li class="navTwo" id="navParts"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Parts">Parts</a></li>
 +
                    <li class="navTwo" id="navEquipment"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Equipment">Equipment</a></li>
 +
                    <li class="navTwo" id="navModeling"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=Modeling">Modeling</a></li>
 +
                    <li class="navTwo" id="navSelfJudgement"><a href="https://2015.igem.org/Team:China_Tongji/Achivement?locationId=SelfJudgement">Self Judgement</a></li>
 +
                    <li class="navTwo" id="navJudgingForm"><a href="https://igem.org/2015_Judging_Form?id=1634" target="_blank">Judging Form</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divTeam"><a class="navOneA" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navMembers"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Members">Members</a></li>
 +
                <li class="navTwo" id="navAdvisor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Advisor">Advisor</a></li>
 +
                <li class="navTwo" id="navInstructor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Instructor">Instructor</a></li>
 +
                <li class="navTwo" id="navAttributions"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Attributions">Attributions</a></li>
 +
                <li class="navTwo" id="navSponsor"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Sponsor">Sponsor</a></li>
 +
                <li class="navTwo" id="navContact"><a href="https://2015.igem.org/Team:China_Tongji/Team?locationId=Contact">Contact</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divOutreach"><a class="navOneA" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach <img src="https://static.igem.org/mediawiki/2015/0/07/China_Tongji_2015_dropdown_arrow.png"></a>
 +
            <div class="navDrop">
 +
                <li class="navTwo" id="navHumanPractice"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=HumanPractice">Human Practice</a></li>
 +
                <li class="navTwo" id="navCollaboration"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=Collaboration">Collaboration</a></li>
 +
                <li class="navTwo" id="navQuestionare"><a href="https://2015.igem.org/Team:China_Tongji/Outreach?locationId=Questionare">Questionare</a></li>
 +
            </div>
 +
        </div>
 +
        <div class="navOne" id="divSafety"><a class="navOneA" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div>
 +
    </div>   
 +
</div>
  
−
<ul id="nav">
+
<!-- --------------- script code --------------- -->
−
<li><a href="#">About Us</a></li>
+
<script type="text/javascript">
−
<li><a href="#">Our Products</a></li>
+
jQuery(document).ready(function($){
−
<li><a href="#">FAQs</a></li>
+
//单击导航栏后跳转到指定面
−
<li><a href="#">Contact</a></li>
+
$('#divHome').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji"; });
−
<li><a href="#">Login</a></li>
+
$('#divProject').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Project"; });
−
</ul>
+
$('#divNotebook').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Notebook"; });
 +
$('#divAchivement').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Achivement"; });
 +
$('#divTeam').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Team"; });
 +
$('#divOutreach').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Outreach"; });
 +
$('#divSafety').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Safety"; });
  
 +
//当前位置指示
 +
var keyWord = location.href.substring(38);
 +
if( (keyWord.match("Project") != null) || (keyWord.match("Design") != null) ){
 +
document.getElementById("divProject").style.borderBottom = "4px solid #6D2E1A";
 +
}else if(keyWord.match("Notebook") != null){
 +
document.getElementById("divNotebook").style.borderBottom = "4px solid #6D2E1A";
 +
}else if( (keyWord.match("Achivement") != null) || (keyWord.match("Modeling") != null) ){
 +
document.getElementById("divAchivement").style.borderBottom = "4px solid #6D2E1A";
 +
}else if( (keyWord.match("Team") != null) || (keyWord.match("Attributions") != null) ){
 +
document.getElementById("divTeam").style.borderBottom = "4px solid #6D2E1A";
 +
}else if( (keyWord.match("Outreach") != null) || (keyWord.match("Practices") != null) || (keyWord.match("Collaborations") != null) ){
 +
document.getElementById("divOutreach").style.borderBottom = "4px solid #6D2E1A";
 +
}else if(keyWord.match("Safety") != null){
 +
document.getElementById("divSafety").style.borderBottom = "4px solid #6D2E1A";
 +
}else{
 +
document.getElementById("divHome").style.borderBottom = "4px solid #6D2E1A";
 +
}
 +
});
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 04:46, 21 August 2017