Template:Team:SCUT-China/mainhead

From 2014.igem.org

(Difference between revisions)
(Created page with "- →hiding the top section: body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background-color:transparent;;} #top-section{ height:0px; bor...")
 
(48 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
<head>
 +
 +
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background-color:transparent;;}
body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background-color:transparent;;}
Line 22: Line 26:
     background-color:transparent;
     background-color:transparent;
     border:none;
     border:none;
-
     width:100%;
+
     width:1366px;
     height:auto;
     height:auto;
     marign:0 auto;
     marign:0 auto;
Line 54: Line 58:
     white-space: nowrap;
     white-space: nowrap;
     top:-6px;
     top:-6px;
-
     width:980px;
+
     width:490px;
     z-index: 5000;
     z-index: 5000;
     font-family: sans-serif;
     font-family: sans-serif;
Line 125: Line 129:
}
}
/* end menu (edit, page ...) */
/* end menu (edit, page ...) */
 +
 +
  #header{margin-top:20px;width:100%;height:48px;z-index:1000;}
 +
  #header img{position:absolute;left:-1px;width:100%;height:48px;}
 +
  .menubar{position:absolute;top:0px;width:100%;width:100%;height:48px;font-size:20px;font-family:Calibri;text-align:center;z-index:1000;color:white;}
 +
  .menubar a{text-decoration:none;opacity:1;color:black;}
 +
  .menubar ul{list-style:none;margin-top:0px;}
 +
  .menubar ul > li{float:left;width:150px;cursor:auto;line-height:48px;height:48px;}
 +
  .menubar ul > li > ul{margin-left:0px;margin-top:-4px;display:none;width:120px;height:1000px;}
 +
  .menubar ul > li:hover > ul{display:block;}
 +
  .menubar ul > li > ul > li{margin-left:0px;width:180px;line-height:40px;background-color:white;color:black;}
 +
  .menubar ul > li > ul > li:hover{border-bottom:1px solid #61d5c8;}
 +
  li.home a{color:white;}
 +
  li.safety a{color:white;}
 +
  li#pp ul li{width:180px;}
 +
</style>
 +
 +
 +
</head>
 +
<body>
 +
<div id="header">
 +
<img src="https://static.igem.org/mediawiki/2014/e/e5/Menubar.png">
 +
<div class="menubar">
 +
<ul>
 +
<li style="margin-left:109px;" class="dianji home"><a href="https://2014.igem.org/Team:SCUT-China">Home</a></li>
 +
<li class="dianji team">Team
 +
<ul style="height:120px;">
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Members">Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Attributions">Attributions</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Sponsors">Sponsors</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Collaborators">Collaborators</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Notebook">Notebook</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Team/Protocol">Protocol</a></li>
 +
</ul>
 +
</li>
 +
<li class="dianji project">Project
 +
<ul >
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Background">Background</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Overview">Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Synthetic_TKL">Polyketide Synthesis</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Chassis">Chassis</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/PPS">PPS</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Docking Domain">Docking Domain</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Project/Have A Try">Have A Try</a></li>
 +
</ul>
 +
</li>
 +
<li class="dianji model">Modeling
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Overview">Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Simulation">Simulation</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Modeling/Results">Results</a></li>
 +
</ul>
 +
</li>
 +
<li class="dianji dp">Data Page
 +
<ul style="height:80px;">
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Data_Page/Parts">Parts</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Data_Page/Judging_Criteria">Judging Criteria</a></li>
 +
</ul>
 +
</li>
 +
<li class="dianji" id="pp">Policy&Practices
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Overview">Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Campus_Activity">Campus Activity</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Public_Outreach">Public Outreach</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Social_Media">Social Media</a></li>
 +
<li style="font-size:18px;"><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Life_Science_Community">Life Science Community</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Survey">Survey</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT-China/Policy%26Practices/Evaluation">Evaluation</a></li>
 +
</ul>
 +
</li>
 +
<li class="dianji safety"><a href="https://2014.igem.org/Team:SCUT-China/Satety">Safety</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".dianji").mouseover(function(){
 +
$(this).css({"borderTop":"4px solid #61d5c8"});
 +
$(this).siblings(".dianji").css({"border":"none"});
 +
});
 +
$(".dianji").mouseout(function(){
 +
$(this).css({"border":"none"});
 +
$(".yes").css({"borderTop":"4px solid #61d5c8"});
 +
});
 +
});
 +
</script>
 +
 +
</body>
 +
</html>

Latest revision as of 03:45, 18 October 2014

Retrieved from "http://2014.igem.org/Template:Team:SCUT-China/mainhead"