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="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: | + | 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; | |
border:none; | border:none; | ||
width:980px; | width:980px; | ||
- | |||
margin:0 auto; | margin:0 auto; | ||
padding:0 0 0 0; | padding:0 0 0 0; | ||
- | |||
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*/ | ||
- | /* | + | /*footer construction*/ |
- | + | ||
#catlinks{display:none;} | #catlinks{display:none;} | ||
- | + | #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 ...) */ | |
- | + | #menubar | |
- | + | { | |
- | + | height:22px; | |
+ | width:490px; | ||
+ | padding:2px 0; | ||
+ | flow:left; | ||
+ | overflow:hidden; | ||
+ | background-color:#0099c5; | ||
+ | color:white; | ||
} | } | ||
- | + | #menubar ul | |
- | + | { | |
- | + | list-style-type: none; | |
- | + | font-size:15px; | |
+ | padding:1px; | ||
+ | margin:0; | ||
} | } | ||
+ | #menubar ul li | ||
+ | { | ||
+ | font-family:Arial; | ||
+ | padding:0; | ||
+ | margin-right:4px; | ||
+ | display:inline; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | #menubar ul | + | #menubar ul li a:hover |
- | + | { | |
- | + | text-decoration:underline; | |
} | } | ||
- | + | .right-menu ul li a | |
- | + | { | |
- | + | padding:1px 3px; | |
- | + | text-align:left; | |
- | + | text-decoration:none; | |
- | + | background-color:transparent; | |
} | } | ||
- | . | + | .right-menu ul li a:hover |
- | + | { | |
+ | color:white; | ||
} | } | ||
- | .left-menu | + | .left-menu ul li a |
- | + | { | |
+ | padding:2px 7px; | ||
+ | text-align:left; | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | text-transform: capitalize; | ||
} | } | ||
- | + | .left-menu ul li a:hover | |
- | + | { | |
- | + | ||
- | |||
- | |||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* end menu (edit, page ...) */ | /* end menu (edit, page ...) */ | ||
- | #header{position:absolute;top:60px;left:0px;width:100%;height:186px | + | #header{position:absolute;top:60px;left:0px;width:100%;height:186px;text-align:center;} |
- | #header img{ | + | #header img{width:980px;height:auto;} |
- | + | #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: | + | .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: | + | 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: | + | 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: | + | li#data{width:78px;} |
- | li#hp{width: | + | 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: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: | ||
- | + | ||
- | + | ||
</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> | <ul> | ||
- | <li> | + | <li><a href="https://2014.igem.org/Team:SCUT/Project/Overview">Overview</a></li> |
- | + | <li><a href="https://2014.igem.org/Team:SCUT/Project/System_Construction/Co2_Fixation">System Construction</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:SCUT/Project/Analysis and Discussion">Analysis and Discussion</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:SCUT/Project/Other Work">Other Work</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | </li> | + | |
- | <li> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <li> | + | |
- | </ | + | |
- | </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> |
- | + | <li><a href="https://2014.igem.org/Team:SCUT/Model/Rubisco_simulation">Carbon dioxide fixed simulation</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:SCUT/Model/N-butanol_simulation">n-butanol simulation</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | </li> | + | |
- | <li><a href="https://2014.igem.org/Team:SCUT/Model/ | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </li> | + | |
- | <li><a href="https://2014.igem.org/Team:SCUT/Model/ | + | |
- | + | ||
<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> | + | <li><a href="https://2014.igem.org/Team:SCUT/DP/Biobricks">Biobricks</a></li> |
- | <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 > | + | <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><a href="https://2014.igem.org/Team:SCUT/HP/Practical analysis">Survey and Data Analysis</a></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.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":"0px"}); | |
} | } | ||
}); | }); | ||
Line 305: | Line 295: | ||
}); | }); | ||
</script> | </script> | ||
+ | |||
</BODY> | </BODY> | ||
</HTML> | </HTML> |
Latest revision as of 14:23, 26 November 2014