Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style>
+
<style>
/* USTC_Software | 20100717 */
/* USTC_Software | 20100717 */
/* BEGIN CSS RESET */
/* BEGIN CSS RESET */
Line 16: Line 16:
border: 0;
border: 0;
outline: 0;
outline: 0;
-
vertical-align: center;
+
vertical-align: baseline;
background: transparent;
background: transparent;
line-height: 1;
line-height: 1;
Line 25: Line 25:
ol, ul {
ol, ul {
list-style: none;
list-style: none;
 +
vertical-align: center;
}
}
blockquote, q {
blockquote, q {
Line 300: Line 301:
</style>
</style>
-
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
+
<script type="text/javascript">
-
<script type="text/javascript">
+
$(function() {
-
$(function() {
+
$(".current").removeClass("current");
-
$(".current").removeClass("current");
+
$('.lavaLampBottomStyle [rel='+$.address.value().substr(1) +']').parent().addClass("current");
-
$('.lavaLampBottomStyle [rel='+$.address.value().substr(1) +']').parent().addClass("current");
+
 
-
+
var pages = ["home", "idea", "project", "notebook", "downloads","resources","human_practice","team"];
-
var pages = ["home", "idea", "project", "notebook", "downloads","resources","human_practice","team"];
+
$("#tabs").lavaLamp({
-
$("#tabs").lavaLamp({
+
fx: "backout",  
-
fx: "backout",  
+
speed: 700,
-
speed: 700,
+
click: function(event, obj) {
-
click: function(event, obj) {
+
$.address.value($(obj).find('a').attr('rel'));  
-
$.address.value($(obj).find('a').attr('rel'));  
+
if($("#home").length !== 0) {
-
if($("#home").length !== 0) {
+
return false;
-
return false;
+
}
-
}
+
else {
-
else {
+
return true;
-
return true;
+
}
-
}
+
}
-
}
+
});
-
});
+
 
-
+
$.address.change(function(event) {
-
$.address.change(function(event) {
+
var currAddr = $.address.value().substr(1);
-
var currAddr = $.address.value().substr(1);
+
var page = event.path.substring(1);
-
var page = event.path.substring(1);
+
v = $('.lavaLampBottomStyle [rel='+page+']').parent();
-
v = $('.lavaLampBottomStyle [rel='+page+']').parent();
+
$(".lavaLampBottomStyle").trigger("move", v);
-
$(".lavaLampBottomStyle").trigger("move", v);
+
if($.inArray(page, pages) != -1) {
-
if($.inArray(page, pages) != -1) {
+
var margin = $(".slide_content").width();
-
var margin = $(".slide_content").width();
+
margin = margin * ($.inArray(page, pages));
-
margin = margin * ($.inArray(page, pages));
+
margin = margin * -1;
-
margin = margin * -1;
+
if(currAddr, pages) {
-
if(currAddr, pages) {
+
$(".tabslider").stop().animate({
-
$(".tabslider").stop().animate({
+
marginLeft: margin + "px"
-
marginLeft: margin + "px"
+
}, {
-
}, {
+
duration: 300
-
duration: 300
+
});
-
});
+
}
-
}
+
else {
-
else {
+
$(".tabslider").css("marginLeft: " + margin + "px");  
-
$(".tabslider").css("marginLeft: " + margin + "px");  
+
}
-
}
+
}
-
}
+
});
-
});
+
});
-
});
+
</script>
-
</script>
+
 
-
+
<div id="overallMask">
-
<div id="overallMask">
+
<div id="headerWrapper">
<div id="headerWrapper">
-
<img src="https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png" width="350px" height="150px" alt="iGEM USTC 2010">
+
<img src="https://static.igem.org/mediawiki/2010/c/c3/USTC_Software_Logo.png" width="350px" height="150px" alt="iGEM USTC 2010">
-
<p style="float: right; margin-right: 30px">
+
<p style="float: right; margin-right: 30px">
Welcome to<br>
Welcome to<br>
<span style="margin-left: 2em">iGEM USTC Software</span>
<span style="margin-left: 2em">iGEM USTC Software</span>
-
</p>
+
</p>
</div>
</div>
<div id="contentWrapper">
<div id="contentWrapper">
-
<div class='tabbed_content'>
+
<div class='tabbed_content'>
-
<div class='tabs'>
+
<div class='tabs'>
-
<ul class="lavaLampBottomStyle" id="tabs">
+
<ul class="lavaLampBottomStyle" id="tabs">
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/home" rel="home">[home]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/home" rel="home">[home]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/idea" rel="idea">[idea]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/idea" rel="idea">[idea]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/project" rel="project">[project]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/project" rel="project">[project]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/notebook" rel="notebook">[notebook]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/notebook" rel="notebook">[notebook]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/downloads" rel="downloads">[downloads]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/downloads" rel="downloads">[downloads]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/resources" rel="resources">[resources]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/resources" rel="resources">[resources]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/human_practice"  rel="human_practice">[human practice]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/human_practice"  rel="human_practice">[human practice]</a>
-
</li>
+
</li>
-
<li>
+
<li>
-
<a href="https://2010.igem.org/Team:USTC_Software#/team"  rel="team">[team]</a>
+
<a href="https://2010.igem.org/Team:USTC_Software#/team"  rel="team">[team]</a>
-
</li>
+
</li>
-
</ul>
+
</ul>
-
</div>
+
</div>
-
<div id="sponsorWrapper">
+
<div id="sponsorWrapper">
-
</html>{{Team:USTC_Software/Sidebar}}<html>
+
</html>{{Team:USTC_Software/Sidebar}}<html>
-
</div>
+
</div>
-
<div id="otherContent">
+
<div id="otherContent">

Revision as of 08:41, 6 October 2010