Difference between revisions of "Template:China Tongji Head"

Line 1: Line 1:
−
<!-- <!DOCTYPE html> -->
+
<html>
−
<html lang="en">
+
−
<!--Important:clear page-->
+
−
<script>   
+
−
$('content').empty();
+
−
$('top').empty();
+
−
$('firstHeading').empty();
+
−
</script>
+
−
<!--End clear page-->
+
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
 
 +
<script type="text/javascript">
 +
 
 +
jQuery(document).ready(function($){
 +
$('#navOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
 +
$('#navBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
 +
$('#navDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});
 +
$('#navProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});
 +
$('#navSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});
 +
 
 +
$('#listOverview').click(function(){$('html,body').animate({scrollTop: $('#Overview').offset().top-78}, 800);});
 +
$('#listBackground').click(function(){$('html,body').animate({scrollTop: $('#Background').offset().top-78}, 800);});
 +
$('#listDesign').click(function(){$('html,body').animate({scrollTop: $('#Design').offset().top-78}, 800);});
 +
$('#listProtocol').click(function(){$('html,body').animate({scrollTop: $('#Protocol').offset().top-78}, 800);});
 +
$('#listSummaryResult').click(function(){$('html,body').animate({scrollTop: $('#SummaryResult').offset().top-78}, 800);});
 +
});
 +
 
 +
</script>
  
 
<style type="text/css">
 
<style type="text/css">
  
−
.firstHeading{
+
#globalWrapper{
−
position:fixed;
+
padding:0px;
−
display:none;
+
 
}
 
}
  
 
#content{
 
#content{
−
        width:100%;
 
−
margin: 0px;
 
−
background-color: #F0F0F0;
 
−
}
 
−
 
−
body {
 
 
     width:100%;
 
     width:100%;
−
margin: 0px;
+
padding:0px;
 +
border:none;
 
background-color: #F0F0F0;
 
background-color: #F0F0F0;
 +
}
 +
.firstHeading{
 +
display:none;
 +
}
 +
#bodyContent{
 +
padding:0px;
 
}
 
}
 +
  
 
.head{
 
.head{
 +
position: fixed;
 +
    eft:0px;
 +
top:18px;
 
width: 100%;
 
width: 100%;
 
height: 60px;
 
height: 60px;
 
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
 
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
−
position: fixed;
 
−
    left:0px;
 
−
top: 18px;
 
 
border-bottom: thin solid #CCC;
 
border-bottom: thin solid #CCC;
 
z-index:1000;
 
z-index:1000;
Line 43: Line 53:
 
background: #FFF;
 
background: #FFF;
 
}
 
}
−
 
 
#navLogoLeft{
 
#navLogoLeft{
 
float:left;
 
float:left;
 
margin-left:15px;
 
margin-left:15px;
 
margin-right:20px;
 
margin-right:20px;
−
 
+
padding:2px 0px 4px 0px;
 
}
 
}
 
#navLogoLeft img{
 
#navLogoLeft img{
−
border:0px;
+
border: 0px;
 +
height: 54px;
 +
width: auto;
 
}
 
}
 
#navLogoRight{
 
#navLogoRight{
 
float:right;
 
float:right;
 
margin-right:10px;
 
margin-right:10px;
−
padding:5px;
+
padding:2px;
 
}
 
}
 
#navLogoRight img{
 
#navLogoRight img{
 
border:0px;
 
border:0px;
 +
height:56px;
 +
width: auto;
 
}
 
}
−
 
 
.nav {
 
.nav {
 
float:left;
 
float:left;
 
}
 
}
−
.navFirstTitle{
+
.navOne{
−
line-height: 60px;
+
float: left;
 +
padding-top:4px;
 +
}
 +
.navOne a{
 +
color: #333;
 +
}
 +
.navOneA{
 +
line-height: 52px;
 
text-decoration: none;
 
text-decoration: none;
 
padding: 10px 12px;
 
padding: 10px 12px;
Line 73: Line 92:
 
font-size: 14px;
 
font-size: 14px;
 
}
 
}
−
.navFirstTitle:hover{
+
.navOneA img{
−
background-color:#CCC;
+
border:0px;
 +
}
 +
.navOne:hover{
 +
background:#CCC;
 +
border-bottom: 4px solid #CCC;
 +
}
 +
.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;
 +
}
 +
.navTwo:hover{
 +
background:#999;
 +
}
 +
.navTwo a{
 +
text-decoration: none;
 +
font-family: Georgia, "Times New Roman", Times, serif;
 +
font-size: 14px;
 
}
 
}
−
</style>
 
−
 
−
<script>
 
−
 
−
</script>
 
  
 +
</style>
 
</head>
 
</head>
  
 
<body>
 
<body>
  
 +
<!--head start-->
 
<div class="head">
 
<div class="head">
 
<div id="navLogoLeft">
 
<div id="navLogoLeft">
 
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
 
         <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
−
         <img src="https://static.igem.org/mediawiki/2015/9/9b/China_Tongji_team-logo-60px.png"/>
+
         <img id="teamLogo" src="https://static.igem.org/mediawiki/2015/5/57/China_Tongji_team-logo-300px.png"/>
 
         </a>
 
         </a>
 
     </div>
 
     </div>
−
    <div class="nav">
 
−
    <tr>
 
−
            <td><a class="navFirstTitle" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></td>
 
−
            <td><a class="navFirstTitle" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a>
 
−
            </td>
 
−
            <td><a class="navFirstTitle" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td>
 
−
            <td><a class="navFirstTitle" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a>
 
−
            </td>
 
−
            <td><a class="navFirstTitle" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td>
 
−
            <td><a class="navFirstTitle" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td>
 
−
            <td><a class="navFirstTitle" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td>
 
−
      </tr>
 
−
    </div> 
 
 
     <div id="navLogoRight">
 
     <div id="navLogoRight">
 
         <a href="https://2015.igem.org/Main_Page">
 
         <a href="https://2015.igem.org/Main_Page">
−
             <img src="https://static.igem.org/mediawiki/2015/4/47/China_Tongji-logo-right.png" alt="China_Tongji"/>
+
             <img id="igemLogo"  src="https://static.igem.org/mediawiki/2015/2/20/China_Tongji_iGEM_logo.png" alt="China_Tongji"/>
 
         </a>
 
         </a>
−
     </div>  
+
     </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>Overview</a></li>
 +
                    <li class="navTwo" id="navBackground"><a>Background</a></li>
 +
                    <li class="navTwo" id="navDesign"><a>Design</a></li>
 +
                    <li class="navTwo" id="navProtocol"><a>Protocol</a></li>
 +
                    <li class="navTwo" id="navSummaryResult"><a>Summary and Result</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"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Record</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/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"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Parts</a></li>
 +
                    <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Equipment">Equipment</a></li>
 +
                    <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Modeling">Modeling</a></li>
 +
                    <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/JF">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"><a href="https://2015.igem.org/Team:China_Tongji/Team">Members</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Attributions">Attributions</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Adviser">Advisor</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Sponsor">Sponsor</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Contact">Contact</a></li>
 +
                <li class="navTwo"><a href="https://igem.org/Team.cgi?year=2015&team_name=China_Tongji">Team Information</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"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Human Practice</a></li>
 +
                <li class="navTwo"><a href="https://2015.igem.org/Team:China_Tongji/Collaboration">Collaboration</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>
 
</div>
  
−
 
−
<!--当前位置指示-->
 
−
<script defer>
 
−
var keyWord = location.href.substring(39);
 
−
switch (keyWord)
 
−
{
 
−
  case "ome":
 
−
document.getElementById("Home").style.color = "#F0F";
 
−
break;
 
−
  case "Project":
 
−
document.getElementById("Project").style.color = "#F0F";
 
−
break;
 
−
  case "Notebook":
 
−
document.getElementById("Notebook").style.color = "#F0F";
 
−
break;
 
−
  case "Achivement":
 
−
document.getElementById("Achivement").style.color = "#F0F";
 
−
break;
 
−
  case "Team":
 
−
document.getElementById("Team").style.color = "#F0F";
 
−
break;
 
−
  case "Outreach":
 
−
document.getElementById("Outreach").style.color = "#F0F";
 
−
break;
 
−
  case "Safety":
 
−
document.getElementById("Safety").style.color = "#F0F";
 
−
break;
 
−
}
 
−
</script>
 
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 19:48, 27 July 2015