Team:ZJU-China/Datapage

From 2011.igem.org

(Difference between revisions)
Line 7: Line 7:
<link rel='stylesheet' type='text/css' href='main.css' />
<link rel='stylesheet' type='text/css' href='main.css' />
<link href="Modeling.css" rel="stylesheet" type="text/css">
<link href="Modeling.css" rel="stylesheet" type="text/css">
 +
 +
 +
<style>
<style>
-
a:hover{
+
 
-
text-decoration:underline;
+
-
}
+
-
.block{
+
-
margin:10px;
+
-
float:left;
+
-
color:#333333;
+
-
font-size:12pt;
+
-
padding:0;
+
-
width:660px;
+
-
}
+
.block h1{
.block h1{
Line 28: Line 21:
}
}
-
.block p{
+
 
-
margin:20px;
+
-
}
+
.block h1, h2{
.block h1, h2{
  border-bottom: none;
  border-bottom: none;
Line 45: Line 36:
margin-right:15px;
margin-right:15px;
}
}
 +
.footer{
 +
background-color:#666666;
 +
padding:10px;
 +
text-align:center;
 +
}
 +
.footer a{
 +
color:#cccccc;
 +
margin:10px;
 +
text-decoration:none;
 +
}
 +
.footer a:hover {
 +
color:#FFF;
 +
text-decoration:none;
 +
cursor:pointer;
</style>
</style>
-
<script src="http://jmar777.googlecode.com/svn/trunk/js/jquery-1.2.6.js" type="text/javascript"></script>  
+
 
-
<script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js" type="text/javascript"></script>
+
 
-
<script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js" type="text/javascript"></script>  
+
<!-- include the Tools -->  
-
+
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>  
-
<script type="text/javascript">
+
 
-
$().ready(function() {
+
 
-
$('#leftul .kwicks').kwicks({
+
-
min : 40,
+
-
spacing : 3,
+
-
isVertical : true,
+
-
sticky : true,
+
-
event : 'click'
+
-
});
+
-
});
+
-
</script>
+
Line 72: Line 68:
<div class="main">
<div class="main">
<div  class="pagetitle" id="nbook">
<div  class="pagetitle" id="nbook">
-
       <h3>Project/Data page</h3>  
+
       <h3>Data page</h3>  
</div>
</div>
-
<table id="table_m" width="110" border="0" cellspacing="1" cellpadding="1">
+
 
-
  <tr>
+
-
    <td valign="top"><div id="leftul">  
+
    <div id="leftul"><div class="leftul">
-
                <ul class="kwicks">  
+
                <div id="accordion">
-
                    <li id="kwick1"><a>week1</a><p>In this week we........</p></li>  
+
-
                    <li id="kwick2"><a>week2</a></li>  
+
<h4 class="current">Overview</h4>
-
                    <li id="kwick3"><a>week3</a></li>  
+
-
                    <li id="kwick4"><a>week4</a></li>  
+
<div class="pane" style="display:block;">  
-
                    <li id="kwick5"><a>week5</a></li>
+
<a  href="https://2011.igem.org/Team:ZJU-China/Project/Stratifiedsystem">|Background<br/></a>
-
                    <li id="kwick6"><a>week6</a></li>
+
<a  href="#">|Results<br/></a>
-
                </ul>  
+
        <a  href="#">|Future Application</a>
-
            </div> </td>
+
-
     <td><div class="bigblock" id="m_biofilm"><div class="block" id="introduction">
+
 +
 +
 +
</div>  
 +
 +
<h4 >Modeling</h4>
 +
 +
<div class="pane" >  
 +
<a href="#">|Biofilm formation<br/></a>
 +
<a  href="#">|Biobrick<br/></a>
 +
 
 +
 +
 +
</div>  
 +
 +
<h4>Results</h4>
 +
 +
<div class="pane" >  
 +
<a href="#">Data page</a>
 +
                <a  href="">Parts</a>
 +
 +
 +
</div>
 +
 +
</div>
 +
 
 +
<a href="#jumptop"><img style="margin-top:10px;" src="https://static.igem.org/mediawiki/2011/4/45/Zju-jump-top.jpg" width="160"></a>
 +
</div>
 +
<!-- activate tabs with JavaScript -->  
 +
<script>
 +
$(function() {
 +
 +
$("#accordion").tabs("#accordion div.pane", {tabs: 'h4', effect: 'slide', initialIndex: null});
 +
});
 +
</script>  
 +
<!-- Navigation scroll follow -->
 +
    <script type="text/javascript">
 +
        $(window).scroll(function () {
 +
            var scrollPos = $(window).scrollTop();
 +
            if (scrollPos > 310) {
 +
                $(".leftul").addClass("stickToTop");
 +
            } else {
 +
                $(".leftul").removeClass("stickToTop");
 +
            }
 +
   
 +
        });
 +
     </script>
 +
</div>
 +
         
 +
  <div class="bigblock" id="m_biofilm"><div class="block" id="introduction">
     <h3><font color="white">Introduction</font></h3>
     <h3><font color="white">Introduction</font></h3>
     <hr/>
     <hr/>
Line 119: Line 164:
</script>
</script>
-
</td>
+
 
-
   </tr>
+
    
-
</table>
+
 
</div>
</div>
<p style ="clear:both"></p>
<p style ="clear:both"></p>

Revision as of 13:33, 2 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Data page

Introduction

abstract:.................................

..........

.................

...........

....................

..............

...................

.............

.................


Retrieved from "http://2011.igem.org/Team:ZJU-China/Datapage"