Template:Team:SCUT/mainhead

From 2014.igem.org

(Difference between revisions)
 
(306 intermediate revisions not shown)
Line 1: Line 1:
<HTML>
<HTML>
<HEAD>
<HEAD>
-
<TITLE> Team-Members </TITLE>
+
<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="jQuery.js"></script>
+
<script src="https://2014.igem.org/Team:SCUT/to-top/scrolltopcontrol.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<script type="text/javascript" src="to-top\jquery-1.3.2.min.js"></script>
+
-
<script type="text/javascript" src="to-top\scrolltopcontrol.js"></script>
+
-
<link rel="stylesheet" href="https://2014.igem.org/Team:SCUT/mainhead.css?action=raw&ctype=text/css" type="text/css" />
+
<style type="text/css">
<style type="text/css">
/* hiding the top section*/
/* hiding the top section*/
-
body{position:absolute; top:0px; width:100%; height:1300px;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 34: Line 30:
     marign:0 auto;
     marign:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
 +
    min-height:100%;
      
      
     }
     }
Line 50: 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:200px;width:980px;height:auto;}
+
#header img{width:980px;height:auto;}
-
.menubar{position:absolute;top:205px;left:200px;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 a{text-decoration:none;opacity:1;color:#ffffff;}
+
.menubar{width:1100px;height:48px;font-family:Corbel;font-size:12pt;padding:0px;margin:0 auto;}
-
.menubar a:hover{text-decoration:underline;}
+
.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;}
+
.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;}
-
.menubar ul > li > ul > li{width:160px;line-height:40px;margin-left:0px;text-align:center;background-color:#66cce9;margin-top:0px;}
+
.menubar ul > li > ul > li{width:160px;line-height:40px;margin-left:0px;text-align:center;background-color:#66cce9;margin-top:0px;color:#ffffff;}
-
.menubar ul > li > ul > li:hover{background-color:#d9f2f9;}
+
.menubar ul > li > ul > li > a{color:#ffffff;}
-
li#home{margin-left:250px;width:43px;}
+
.menubar ul > li > ul > li:hover{background-color:#007da1;}
 +
ul > li > ul > li > ul{display:none;width:300px;top:-40px;position:relative;left:211px;}
 +
ul > li > ul > li:hover > ul{display:block;}
 +
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;}
 +
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 154: 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#data{width:82px;}
+
li#model ul li ul{margin-left:-10px;}
-
li#hp{width:129px;}
+
li#data{width:78px;}
 +
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;top:340px;;left:0px;z-index:1000;}
+
#left{position:absolute;top:0px;width:200px;height:800px;z-index:1000;text-align:left;}
-
  #cebian{position:absolute;top:0px;left:0px;width:200px;height:200px;display:none;background-color:#DCF1F7;}
+
   .navihead{width:200px;height:45px;font-size:20px;}
-
   .navihead{width:200px;height:40px;font-size:20px;}
+
   .navihead img{width:200px;height:auto;}
-
   #first{border-bottom:4px solid white;}
+
   .navibody{display:none;border:1px solid #66cce9;}
-
   .navibody{display:none;border-bottom:2px solid black;border-left:2px solid black;}
+
  #show{display:block;}
-
   #click{position:absolute;font-size:20px;top:20px;left:0px;background-color:#DCF1F7;}
+
   #show p{cursor:pointer;}
 +
  #show_1{display:block;}
 +
  #show_1 p{cursor:pointer;}
 +
  .navibody p{margin:20px;line-height:30px;}
 +
 
 +
 
 +
 +
 
-
#outline{position:absolute;top:300px;width:100%;left:0px;height:auto;}/*脸萌*/
 
-
#bg{width:100%;height:auto;}
 
-
.li{float:left;width:60px;height:60px;margin-right:5px;cursor:pointer;}
 
-
.li img{width:60px;height:60px;}
 
-
.li1{margin-left:425px;}
 
-
.li2{margin-left:360px;}
 
-
.li21{margin-left:65px;}
 
-
.li22{margin-left:260px;}
 
-
.li3{margin-left:425px;}
 
-
.li32{margin-left:130px;}
 
-
.li33{margin-left:65px;}
 
-
.li4{margin-left:490px;}
 
-
.li44{margin-left:65px;}
 
-
.li5{margin-left:360px;}
 
-
.li52{margin-left:195px;}
 
-
.hang{position:absolute;width:100%;left:0px;height:60px;}
 
-
.hang1{top:10px;}
 
-
.hang2{top:75px;}
 
-
.hang3{top:140px;}
 
-
.hang4{top:205px;}
 
-
.hang5{top:270px;}
 
-
#p1{position:absolute;top:680px;width:980px;left:200px;height:50px;line-height:50px;text-align:center;}
 
-
#p1 span{font-size:30px;font-family:"微软雅黑";}
 
-
.members{margin-left:0px;width:980px;height:240px;text-align:justify;border:1px solid #E3E3E3;margin-top:30px;padding:0px;}
 
-
.members p{margin:40px;font-size:15px;color:gray;}
 
-
.members span{font-size:20px;color:black;}
 
-
.members img{float:left;width:200px;height:auto;margin-top:-20px;margin-right:20px;margin-left:-10px;}
 
-
#p2{margin-top:40px;width:980px;height:50px;line-height:50px;text-align:center;}
 
-
#p2 span{font-size:30px;font-family:"微软雅黑";}
 
-
#footer{position:absolute;width:100%;height:83px;left:0px;top:5000px;}
 
-
#footer img{width:100%;height:auto;left:0px;top:0px;}
 
</style>
</style>
Line 212: Line 214:
</div>
</div>
 +
<div id="menu">
<div class="menubar">
<div class="menubar">
<ul>
<ul>
-
<li id="home">HOME</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>Members</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 >
+
<ul>
-
<li>Overview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Overview">Overview</a></li>
-
<li>Background</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/System_Construction/Co2_Fixation">System Construction</a></li>
-
<li>Design</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Analysis and Discussion">Analysis and Discussion</a></li>
-
<li>Results</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Project/Other Work">Other Work</a></li>
-
<li>Future work</li>
+
</ul>
</ul>
</li>
</li>
-
<li id="model">MODELING
+
<li id="model" title="Modeling">MODELING
<ul>
<ul>
-
<li>Overview</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Overview">Overview</a></li>
-
<li>Rubisco simulation</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">Carbon dioxide fixed simulation</a></li>
-
<li>N-butanol simulation</li>
+
<li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_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>Tips for other teams</li>
+
</ul>
</ul>
</li>
</li>
-
<li id="data"style="width:85px;">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>
-
 
+
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$(".navihead").mouseover(function(){
 +
$(this).next(".navibody").slideDown().siblings(".navibody").slideUp();
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
var element = $("#left");
 +
        var top = element.offset().top;
 +
var pos = element.css("position");
 +
$(window).scroll(function(){
 +
var scrolls = $(this).scrollTop() + 150;
 +
if(scrolls > top)
 +
{
 +
element.css({"position":"fixed","top":"150px"});
 +
}
 +
else
 +
{
 +
  element.css({"position":pos,"top":"0px"});
 +
}
 +
});
 +
       
 +
});
 +
</script>

Latest revision as of 14:23, 26 November 2014

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