Template:Team:SCUT/mainhead

From 2014.igem.org

(Difference between revisions)
 
(171 intermediate revisions not shown)
Line 5: Line 5:
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:2000px;font-family:微软雅黑;background:transparent;text-align:center;}
+
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;
Line 30: Line 30:
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
 +
    min-height:100%;
      
      
     }
     }
Line 46: 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;
 +
}
 +
 
 +
p
 +
{
 +
  font-family: Arial, sans-serif;
 +
}
 +
/*footer over*/
 +
 
/* menu (page, edit ...) */
/* menu (page, edit ...) */
Line 59: Line 105:
flow:left;
flow:left;
overflow:hidden;
overflow:hidden;
-
background-color:#d9f2f9;
+
background-color:#0099c5;
 +
color:white;
}
}
#menubar ul
#menubar ul
Line 74: Line 121:
margin-right:4px;
margin-right:4px;
display:inline;
display:inline;
 +
 +
}
 +
#menubar ul li a:hover
 +
{
 +
text-decoration:underline;
}
}
.right-menu ul li a
.right-menu ul li a
Line 81: Line 133:
text-decoration:none;
text-decoration:none;
background-color:transparent;
background-color:transparent;
-
color:#bac6c7;
 
}
}
.right-menu ul li a:hover
.right-menu ul li a:hover
{
{
-
color:#88ae62;
+
color:white;
-
text-decoration:none;
+
}
}
.left-menu ul li a
.left-menu ul li a
Line 93: Line 143:
text-align:left;
text-align:left;
text-decoration:none;
text-decoration:none;
-
color:#bac6c7;
+
color:white;
 +
text-transform: capitalize;
}
}
.left-menu ul li a:hover
.left-menu ul li a:hover
{
{
-
color:#88ae62;
+
 
}
}
Line 127: 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:78px;}
li#data{width:78px;}
li#hp{width:128px;}
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{width:200px;height:800px;}
+
#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 148: 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 162: Line 217:
<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><a href="https://2014.igem.org/Team:SCUT/Team/Attributions">Attributions</a></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>
+
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/Overview">Overview</a>
+
-
<ul>
+
-
<li>Background</li>
+
-
<li>Rubisco simulation</li>
+
-
<li>N-butanol simulation</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">Rubisco simulation</a>
+
<ul>
<ul>
-
<li>Individual part</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Overview">Overview</a></li>
-
<li>Combine part</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">Carbon dioxide fixed simulation</a></li>
-
<li>The function of Rubisco</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation">n-butanol simulation</a></li>
-
<li>Scaffold</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation">N-butanol simulation</a></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>
Line 261: 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 271: Line 289:
else
else
{
{
-
element.css({"position":pos,"top":top});
+
  element.css({"position":pos,"top":"0px"});
}
}
});
});
Line 277: Line 295:
});
});
</script>
</script>
 +
</BODY>
</BODY>
</HTML>
</HTML>

Latest revision as of 14:23, 26 November 2014

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