Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
 
(157 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<link rel="stylesheet" type="text/css" href="http://home.ustc.edu.cn/~soimort/overall.css">
+
<head>
-
+
  <style type="text/css">
-
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
+
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
-
<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>
+
#menubar{
-
<script type="text/javascript">
+
    position: absolute;
-
$(function() {
+
    top: 0px;
-
$(".current").removeClass("current");
+
}
-
$('.lavaLampBottomStyle [rel='+$.address.value().substr(1) +']').parent().addClass("current");
+
 
-
+
#menubar li a{
-
var pages = ["home", "idea", "project", "notebook", "downloads","resources","human_practice","team"];
+
    color:black;
-
$("#tabs").lavaLamp({
+
}
-
fx: "backout",
+
 
-
speed: 700,
+
#menubar li a:hover {
-
click: function(event, obj) {
+
    color:#8f6620;
-
$.address.value($(obj).find('a').attr('rel'));  
+
    font-weight: bold;
-
if($("#home").length !== 0) {
+
}
-
return false;
+
 
-
}
+
#menubar li.selected a {
-
else {
+
    color:#292f2f;
-
return true;
+
}
-
}
+
 
-
}
+
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
-
});
+
 
-
+
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
-
$.address.change(function(event) {
+
 
-
var currAddr = $.address.value().substr(1);
+
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;}
-
var page = event.path.substring(1);
+
 
-
v = $('.lavaLampBottomStyle [rel='+page+']').parent();
+
#p-logo { height:1px; overflow:hidden; display: none;}
-
$(".lavaLampBottomStyle").trigger("move", v);
+
 
-
if($.inArray(page, pages) != -1) {
+
.left-menu { width: 400px; display:block; float:left;  border: none;}
-
var margin = $(".slide_content").width();
+
.left-menu ul { border: none; }
-
margin = margin * ($.inArray(page, pages));
+
 
-
margin = margin * -1;
+
#menubar.right-menu { width:300px; display:block; float:left; border: none;}
-
if(currAddr, pages) {
+
.right-menu ul { border: none;}
-
$(".tabslider").stop().animate({
+
 
-
marginLeft: margin + "px"
+
      .clear {clear:both;}
-
}, {
+
body.mediawiki {
-
duration: 300
+
background-color: gray;
-
});
+
background-position: center center;
-
}
+
background-attachment: fixed;
-
else {
+
background-repeat: no-repeat;
-
$(".tabslider").css("marginLeft: " + margin + "px");  
+
font-family: Calibri, Verdana, helvetica, sans-serif;
-
}
+
}
-
}
+
h2 {padding: 10px 20px;
-
});
+
font-size: 18px;
-
});
+
color #eb8300;
-
</script>
+
text-decoration: none;
-
+
font-weight: bold;}
-
<div id="overallMask">
+
border: none;
-
<div id="headerWrapper">
+
h2 a {color: #eb8300;}
-
<img src="http://home.ustc.edu.cn/~soimort/logo.png" width="350px" height="150px" alt="iGEM USTC 2010">
+
h3 {padding: 10px 20px;
-
<p style="float: right; margin-right: 30px">
+
font-size: 16px;
-
Welcome to<br>
+
color: #000;
-
<span style="margin-left: 2em">iGEM USTC Software</span>
+
font-decoration: none;
-
</p>
+
font-weight: bold;}
-
</div>
+
h1.firstHeading {
-
<div id="contentWrapper">
+
display: none;
-
<div class='tabbed_content'>
+
}
-
<div class='tabs'>
+
p {
-
<ul class="lavaLampBottomStyle" id="tabs">
+
text-align: justify;
-
<li>
+
}
-
<a href="https://2010.igem.org/Team:USTC_Software#/home" rel="home">[home]</a>
+
a:link {
-
</li>
+
color: #3300FF;
-
<li>
+
text-decoration: none
-
<a href="https://2010.igem.org/Team:USTC_Software#/idea" rel="idea">[idea]</a>
+
}  
-
</li>
+
a:visited {
-
<li>
+
color:#3300FF;
-
<a href="https://2010.igem.org/Team:USTC_Software#/project" rel="project">[project]</a>
+
text-decoration: none
-
</li>
+
}
-
<li>
+
a:hover {
-
<a href="https://2010.igem.org/Team:USTC_Software#/notebook" rel="notebook">[notebook]</a>
+
                        color: #eb8300;
-
</li>
+
text-decoration: none
-
<li>
+
}
-
<a href="https://2010.igem.org/Team:USTC_Software#/downloads" rel="downloads">[downloads]</a>
+
a:active {
-
</li>
+
color:#f29400;
-
<li>
+
text-decoration: none
-
<a href="https://2010.igem.org/Team:USTC_Software#/resources" rel="resources">[resources]</a>
+
}
-
</li>
+
#bodyContent { width: 970px; margin: 250px 0px 0px 0px; background-color:white;}
-
<li>
+
                #content {padding-left: 2px; width: 970px; background-color:white;}
-
<a href="https://2010.igem.org/Team:USTC_Software#/human_practice" rel="human_practice">[human practice]</a>
+
table#team_members { text-align: justify; border: 0; }
-
</li>
+
table#team_members h2, table#team_members h3 { clear: both; }
-
<li>
+
#content * a:hover {text-decoration:none;}
-
<a href="https://2010.igem.org/Team:USTC_Software#/team" rel="team">[team]</a>
+
#main_wrapper {
-
</li>
+
                        position:absolute; left:0px; top:0px;
-
</ul>
+
margin: 0;
-
</div>
+
width: 969px;
-
<div id="sponsorWrapper">
+
height: 246px;
-
</html>{{Team:USTC_Software/Sidebar}}<html>
+
align: center;
-
</div>
+
border-style: solid;
-
<div id="otherContent">
+
                        border-color: white;
 +
}
 +
#header {
 +
position:absolute; left:0px; top:0px;
 +
margin: 0;
 +
width: 969px;
 +
height: 250px;
 +
align: center;
 +
                      background-repeat: no-repeat;
 +
                      background-image: url(https://static.igem.org/mediawiki/2010/3/38/USTC_Software_header8_finish.jpg);
 +
                      }
 +
 
 +
#navigation {
 +
position:absolute; left:0px; top:157px; width:793px; height:69px;
 +
z-index:100; background-color: transparent; float: left;
 +
color: #0000FF;
 +
}
 +
               
 +
#menu * {
 +
        width: 960px;
 +
margin-top: 10px;
 +
padding: 0;
 +
}
 +
 
 +
#menu {
 +
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- fuer ie6 -->
 +
font-family: calibri, verdana, sans-serif;
 +
font-size: 18px;
 +
background-color: transparent;
 +
float:left;
 +
padding: 10px 0 0 0;
 +
}
 +
 
 +
#menu ul {
 +
float: left;
 +
list-style: none;
 +
}
 +
 
 +
#menu ul li {
 +
background-color:transparent;
 +
        position:relative;
 +
float:left;
 +
list-style: none;
 +
padding: 10px 15px 0 0;
 +
        font-weight: bold;
 +
        width: auto;
 +
}
 +
 
 +
#menu a {
 +
color: #c7807c;
 +
display: inline;
 +
text-decoration: none;
 +
}
 +
 
 +
#menu a:visited {
 +
color:#c7807c;
 +
text-decoration: none
 +
}
 +
 
 +
#menu a:hover {
 +
color: white;
 +
}
 +
 
 +
#menu ul li ul {
 +
display: none;
 +
position: absolute;
 +
left: -20px;
 +
        width: 155px;
 +
        heigth: 1%;
 +
font-size: 12px;
 +
opacity: 0.8;
 +
list-style: none;
 +
        top: 19px;
 +
        padding-top: 9px;
 +
        z-index:500;
 +
}
 +
 
 +
#menu ul li:hover ul {
 +
display: inline;
 +
        background-position: bottom;
 +
}
 +
 
 +
#menu ul li ul li {
 +
width: 100%;
 +
list-style: none;
 +
        background-color: #000;
 +
        margin: -1px;
 +
        padding: 0 0 0 5px;
 +
        display: inline;
 +
}
 +
 
 +
<!-- contents -->
 +
.leftcontent{
 +
    width: 300px;
 +
    float: left;
 +
    height: 500px;
 +
}
 +
 
 +
</style>
 +
</head>
 +
 +
 
 +
 
 +
<!-- ############################# BODY!!!!! #################################### -->
 +
 
 +
<body>
 +
<div id="main_wrapper">
 +
<div id="header">
 +
<div id="navigation">
 +
<div id="menu" style="position:static">
 +
<ul>
 +
<li id="mainHome"><a class="aMain" href="https://2010.igem.org/Team:USTC_Software/home">Home</a></li>
 +
<li id="mainProject"><a class="aProject" href="https://2010.igem.org/Team:USTC_Software/Features">Project</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/Features">Introduction</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/User_Interface">User Interface Design</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/Simulation">Algorithm</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/resources">Resources</a></li>
 +
</ul>
 +
<li id="mainModel"><a class="aModel" href="https://2010.igem.org/Team:USTC_Software/MoDeL">MoDeL</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/MoDeL">One-Minute Introduction</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/model_features">Features</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/model_lang">Standardization</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:USTC_Software/model_future">Future Work</a></li>
 +
</ul>
 +
<li id="mainDemo"><a class="aDemo" href="https://2010.igem.org/Team:USTC_Software/downloads">Demo</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/downloads">Overview of Demos</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/Transfer function of Part:BBa_F2620">pLux-LuxR repression system</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:USTC_Software/Toggle-Switch">Toggle-Switch</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:USTC_Software/Repressilator">Repressilator</a></li>
 +
</ul>
 +
 
 +
<li id="mainNotebook"><a class="aNotebook" href="https://2010.igem.org/Team:USTC_Software/notebook">Notebook</a> </li>
 +
<li id="mainHumanPractice"><a class="aHumanPractice" href="https://2010.igem.org/Team:USTC_Software/human_practice">Human Practice</a>
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/human_practice">The C Project</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/safety">Safety</a></li>
 +
              </ul>
 +
<li id="mainTeam"><a class="aTeam" href="https://2010.igem.org/Team:USTC_Software/team">Team</a>  
 +
<ul>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/team">Overview</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/Students">Students</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/Instructors">Instructors</a></li>
 +
<li><a href="https://2010.igem.org/Team:USTC_Software/iGEM Teams">Collaboration</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:USTC_Software/attribution">Attribution & Contributions</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:USTC_Software/acknowledgments">Acknowledgments</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 
 +
</div><!-- end drop menu -->
 +
</div> <!-- end navigation -->
 +
</div>
 +
</div>
 +
<!-- For IE 6 -->
 +
<script type="text/javascript">
 +
window.onload = function() {
 +
      var lis = document.getElementsByTagName('li');
 +
      for(i = 0; i < lis.length; i++) {
 +
            var li = lis[i];
 +
            if (li.id == 'mainTeam' || li.id == 'mainProject' ) {
 +
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
 +
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
 +
            }
 +
      }
 +
}
 +
</script>
 +
</body></html>

Latest revision as of 05:38, 28 November 2010