Template:Team:SCUT/mainhead

From 2014.igem.org

(Difference between revisions)
 
(259 intermediate revisions not shown)
Line 1: Line 1:
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<script src="jQuery.js"></script>
 
<script src="https://2014.igem.org/Team:SCUT/to-top/jquery-1.3.2.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SCUT/to-top/jquery-1.3.2.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SCUT/to-top/scrolltopcontrol.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<script src="https://2014.igem.org/Team:SCUT/to-top/scrolltopcontrol.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:auto;font-family:微软雅黑;background:transparent;}
+
body{position:absolute; top:0px; width:100%; height:100%;font-family:微软雅黑;background:transparent;text-align:center;padding:0;margin:0;}
#top-section{
#top-section{
-
  height:0px;
+
    height:0px;
     border:none;
     border:none;
     width:980px;
     width:980px;
-
    margin-left:200px;
 
     margin:0 auto;
     margin:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
-
    background-color:transparent;
 
     overflow:hide;
     overflow:hide;
 +
    background:transparent;
}
}
#p-logo{display:none;}
#p-logo{display:none;}
Line 32: Line 30:
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
 +
    min-height:100%;
      
      
     }
     }
Line 48: Line 47:
/* end of global setting*/
/* end of global setting*/
-
/*hiding the footer-box*/
+
/*footer construction*/
-
#footer-box{display:none;}
+
#catlinks{display:none;}
#catlinks{display:none;}
-
/*end of hiding the footer book*/
+
#footer-box
 +
{
 +
  position:absolute;
 +
  left:50%;
 +
  margin-left:-496px;
 +
  height:50px;
 +
  width:980px;
 +
  border:1px solid black;
 +
  background-color:transparent;
 +
  background-image: none;
 +
  border-style: none;
 +
  z-index: 0;
 +
  bottom:0;
 +
  clear:both;
 +
}
 +
#footer-box a,
 +
#footer-box a:hover
 +
{
 +
 
 +
  text-decoration: none;
 +
  display: inline;
 +
}
 +
ul,li
 +
{
 +
  margin: 0;
 +
  padding: 0;
 +
  list-style-image: none;
 +
  list-style-type: none;
 +
}
 +
table
 +
{
 +
  border-collapse:collapse;
 +
  background-color: transparent;
 +
  color: #ffffff;
 +
  text-align: justify;
 +
}
 +
h3
 +
{
 +
  padding: 20px 30px 10px;
 +
}
-
/* menu (page, edit ...) */
+
p
-
#menubar {
+
{
-
    background-color:transparent;
+
  font-family: Arial, sans-serif;
-
    position: relative;
+
-
    float:left;
+
-
    white-space: nowrap;
+
-
    top:-6px;
+
-
    width:980px;
+
-
    z-index: 5000;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
    z-index:99;
+
-
   
+
}
}
 +
/*footer over*/
-
.left-menu, .left-menu a {
+
/* menu (page, edit ...) */
-
    text-align: left;
+
#menubar
-
    color:#999999;
+
{
-
    text-transform: lowercase;
+
height:22px;
 +
width:490px;
 +
padding:2px 0;
 +
flow:left;
 +
overflow:hidden;
 +
background-color:#0099c5;
 +
color:white;
}
}
-
 
+
#menubar ul
-
.left-menu:hover {
+
{
-
    color: #D00000;
+
list-style-type: none;
-
    background-color: transparent;
+
font-size:15px;
 +
padding:1px;
 +
margin:0;
}
}
 +
#menubar ul li
 +
{
 +
font-family:Arial;
 +
padding:0;
 +
margin-right:4px;
 +
display:inline;
-
.right-menu{width:400px; float:right}
 
-
.right-menu, .right-menu a {
 
-
    right: 0px;
 
-
    text-align: right;
 
-
    color: #999999;
 
}
}
-
#menubar ul {
+
#menubar ul li a:hover
-
    color: #999999;
+
{
-
    list-style: none;
+
text-decoration:underline;
}
}
-
#menubar li {
+
.right-menu ul li a
-
    display: inline;
+
{
-
    position: relative;
+
padding:1px 3px;
-
    cursor: pointer;
+
text-align:left;
-
    padding-left: 0px;
+
text-decoration:none;
-
    padding-right: 0px;
+
background-color:transparent;
}
}
-
.left-menu li a {
+
.right-menu ul li a:hover
-
    padding: 0px 10px 0px 0px;
+
{
 +
color:white;
}
}
-
.left-menu .selected {
+
.left-menu ul li a
-
#    color: #999999;
+
{
 +
padding:2px 7px;
 +
text-align:left;
 +
text-decoration:none;
 +
color:white;
 +
text-transform: capitalize;
}
}
-
#.left-menu .selected:hover {
+
.left-menu ul li a:hover
-
#    color: #999999;
+
{
-
#}
+
-
.left-menu:hover a {
 
-
    color: #999999;;
 
}
}
-
.left-menu li a:hover {
 
-
    color: #D00000;
 
-
    text-decoration: underline;
 
-
}
 
-
 
-
 
-
.right-menu li {
 
-
#    background-color: transparent;
 
-
}
 
-
.right-menu li a {
 
-
    padding: 0px 15px 0px 0px;
 
-
    color: #999999;;
 
-
    background-color: transparent;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: #D00000;
 
-
    text-decoration: underline;
 
-
}
 
/* end menu (edit, page ...) */
/* end menu (edit, page ...) */
-
#header{position:absolute;top:60px;left:0px;width:100%;height:186px;overflow:hidden;text-align:center;}
+
#header{position:absolute;top:60px;left:0px;width:100%;height:186px;text-align:center;}
-
#header img{position:absolute;left:186px;width:980px;height:auto;}
+
#header img{width:980px;height:auto;}
-
.menubar{position:absolute;top:205px;left:193px;width:1000px;height:48px;color:E7B1A6;font-family:Corbel;text-align:left;font-size:12pt;padding:none;padding:0px;z-index:1000;}
+
#menu{position:absolute;top:205px;left:0px;width:100%;height:48px;z-index:1000;}
 +
.menubar{width:1100px;height:48px;font-family:Corbel;font-size:12pt;padding:0px;margin:0 auto;}
.menubar ul > li > a{text-decoration:none;opacity:1;color:black;}
.menubar ul > li > a{text-decoration:none;opacity:1;color:black;}
.menubar ul{list-style:none;margin-top:0px;padding:0px;}
.menubar ul{list-style:none;margin-top:0px;padding:0px;}
-
.menubar ul > li{float:left;width:auto;height:48px;margin-left:41px;line-height:48px;cursor:pointer;color:black;}
+
.menubar ul > li{float:left;width:auto;height:48px;margin-left:41px;line-height:48px;cursor:auto;color:black;white-space:nowrap;}
.menubar ul > li > ul{display:none;height:200px;width:160px;margin-left:-50px;color:#ffffff;padding:0px;}
.menubar ul > li > ul{display:none;height:200px;width:160px;margin-left:-50px;color:#ffffff;padding:0px;}
.menubar ul > li:hover > ul{display:block;}
.menubar ul > li:hover > ul{display:block;}
Line 150: Line 172:
ul > li > ul > li > ul > li > ul{display:none;width:300px;top:-40px;position:relative;left:211px;}
ul > li > ul > li > ul > li > ul{display:none;width:300px;top:-40px;position:relative;left:211px;}
ul > li > ul > li > ul > li:hover > ul{display:block;}
ul > li > ul > li > ul > li:hover > ul{display:block;}
-
li#home{margin-left:250px;width:43px;}
+
li#home{margin-left:280px;width:43px;}
li#team{width:40px;}
li#team{width:40px;}
li#team ul{margin-left:-60px;}
li#team ul{margin-left:-60px;}
Line 156: Line 178:
li#model{width:77px;}
li#model{width:77px;}
li#model ul{margin-left:-60px;}
li#model ul{margin-left:-60px;}
-
li#model ul li{width:200px;}
+
li#model ul li{width:210px;}
li#model ul li ul{margin-left:-10px;}
li#model ul li ul{margin-left:-10px;}
-
li#data{width:82px;}
+
li#data{width:78px;}
-
li#hp{width:129px;}
+
li#hp{width:128px;}
li#hp ul{margin-left:-18px;}
li#hp ul{margin-left:-18px;}
 +
li#hp ul li{width:170px;}
li#safety{width:43px;}
li#safety{width:43px;}
-
  #left{position:absolute;left:175px;top:300px;width:200px;height:800px;z-index:1000;}
+
#left{position:absolute;top:0px;width:200px;height:800px;z-index:1000;text-align:left;}
   .navihead{width:200px;height:45px;font-size:20px;}
   .navihead{width:200px;height:45px;font-size:20px;}
   .navihead img{width:200px;height:auto;}
   .navihead img{width:200px;height:auto;}
   .navibody{display:none;border:1px solid #66cce9;}
   .navibody{display:none;border:1px solid #66cce9;}
   #show{display:block;}
   #show{display:block;}
 +
  #show p{cursor:pointer;}
 +
  #show_1{display:block;}
 +
  #show_1 p{cursor:pointer;}
   .navibody p{margin:20px;line-height:30px;}
   .navibody p{margin:20px;line-height:30px;}
 +
 
    
    
   
   
Line 177: Line 204:
-
#footer{position:absolute;width:100%;height:83px;left:0px;top:5000px;}
+
 
-
#footer img{width:100%;height:auto;left:0px;top:0px;}
+
</style>
</style>
Line 188: Line 214:
</div>
</div>
 +
<div id="menu">
<div class="menubar">
<div class="menubar">
<ul>
<ul>
-
<li id="home"><a href="https://2014.igem.org/Team:SCUT">HOME</a></li>
+
<li id="home" title="Home"><a href="https://2014.igem.org/Team:SCUT">HOME</a></li>
-
<li id="team">TEAM
+
<li id="team" title="Team">TEAM
<ul>
<ul>
<li><a href="https://2014.igem.org/Team:SCUT/Team/Members">Members</a></li>
<li><a href="https://2014.igem.org/Team:SCUT/Team/Members">Members</a></li>
-
<li>Notebook</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Team/Notebook">Notebook</a></li>
-
<li>Attributions</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Team/Attributions">Attributions</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT/Team/Acknowledgement">Acknowledgements</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT/Team/Our University">Our University</a></li>
</ul>
</ul>
</li>
</li>
-
<li id="project">PROJECT
+
<li id="project" title="Project">PROJECT
-
<ul >
+
-
<li>Abstract</li>
+
-
<li>Project OMM
+
<ul>
<ul>
-
<li>Overview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Overview">Overview</a></li>
-
<li>Background
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/System_Construction/Co2_Fixation">System Construction</a></li>
-
<ul>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Analysis and Discussion">Analysis and Discussion</a></li>
-
<li>Enzymes</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Other Work">Other Work</a></li>
-
<li>Chaperons</li>
+
-
<li>Scaffold Proteins</li>
+
-
<li>Leading Peptide</li>
+
-
</ul>
+
-
</li>
+
-
<li>Design
+
-
<ul>
+
-
<li>References</li>
+
-
</ul>
+
-
</li>
+
-
<li>Result</li>
+
-
<li>Modeling</li>
+
-
<li>Future Prospect</li>
+
-
</ul>
+
-
</li>
+
-
<li>Project QPA
+
-
<ul>
+
-
<li>Overview</li>
+
-
<li>Design</li>
+
-
<li>Result</li>
+
-
<li>Modeling</li>
+
-
</ul>
+
-
</li>
+
</ul>
</ul>
</li>
</li>
-
<li id="model">MODELING
+
<li id="model" title="Modeling">MODELING
<ul>
<ul>
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/Overview">Overview</a>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Overview">Overview</a></li>
-
<ul>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">Carbon dioxide fixed simulation</a></li>
-
<li>Background</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation">n-butanol simulation</a></li>
-
<li>Rubisco simulation</li>
+
-
<li>N-butanol simulation</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation">Rubisco simulation</a>
+
-
<ul>
+
-
<li>Individual part</li>
+
-
<li>Combine part</li>
+
-
<li>The function of Rubisco</li>
+
-
<li>Scaffold</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">N-butanol simulation</a></li>
+
-
<li>Conclusion and future work</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Tips_for_other_teams">Tips for other teams</a></li>
<li><a href="https://2014.igem.org/Team:SCUT/Model/Tips_for_other_teams">Tips for other teams</a></li>
</ul>
</ul>
</li>
</li>
-
<li id="data">DATA PAGE
+
<li id="data" title="Data Page">DATA PAGE
<ul>
<ul>
-
<li>Overview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/DP/Biobricks">Biobricks</a></li>
-
<li>Biology</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/DP/Achievements">Achievements</a></li>
 +
<li><a href="https://2014.igem.org/Team:SCUT/DP/Protocol">Protocol</a></li>
</ul>
</ul>
</li>
</li>
-
<li id="hp">HUMAN PRACTICE
+
<li id="hp" title="Human Practice"><a href="https://2014.igem.org/Team:SCUT/HP">HUMAN PRACTICE</a>
<ul>
<ul>
-
<li >Survey</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/HP/Timeline">Timeline</a></li>
-
<li>Visit and interview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/HP/Visit and interview">Magazine</a></li>
-
<li>Practical analysis</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/HP/Practical analysis">Survey and Data Analysis</a></li>
-
<li >Team communication</li>
+
</ul>
</ul>
</li>
</li>
-
<li id="safety">Safety</li>
+
<li id="safety" title="Safety"><a href="https://2014.igem.org/Team:SCUT/Safety">SAFETY</a></li>
</ul>
</ul>
 +
</div>
</div>
</div>
Line 289: Line 279:
$(document).ready(function(){
$(document).ready(function(){
var element = $("#left");
var element = $("#left");
-
var top = element.position().top;
+
        var top = element.offset().top;
var pos = element.css("position");
var pos = element.css("position");
$(window).scroll(function(){
$(window).scroll(function(){
Line 299: Line 289:
else
else
{
{
-
element.css({"position":pos,"top":top});
+
  element.css({"position":pos,"top":"0px"});
}
}
});
});
Line 305: Line 295:
});
});
</script>
</script>
 +
</BODY>
</BODY>
</HTML>
</HTML>

Latest revision as of 14:23, 26 November 2014