Team:ZJU-China/Humanpractice

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Template:Zjuheader}}
{{Template:Zjuheader}}
 +
{{Template:Zjucss_Modeling}}
 +
{{ZJUglobal}}
 +
{{ZJUtemplate2}}
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
<style>
+
<title>Untitled Document</title>
-
.main{background-color:#e9e9e9;
+
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
-
position:static;
+
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
-
top:auto;
+
<link href='http://fonts.googleapis.com/css?family=Alice' rel='stylesheet' type='text/css'>
-
height:auto;
+
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet' type='text/css'>
-
padding:0px;
+
<link href='http://fonts.googleapis.com/css?family=Federo' rel='stylesheet' type='text/css'>
-
padding-top:0px;
+
-
padding-right:0px;
+
-
vertical-align:middle;
+
-
width:970px;margin:0;text-align:left;position:relative;
+
-
font-family:'Molengo', sans-serif;}
+
-
#tab{
+
-
background-color:transparent;
+
-
}
+
-
#tab tr td #stra{
+
-
position:relative;
+
-
display:block;
+
-
margin:10px;
+
-
-moz-border-radius: 10px;
+
-
-webkit-border-radius: 10px;
+
-
border-radius: 10px;
+
-
filter:alpha(opacity=50);
+
-
-moz-opacity:0.5;
+
-
-khtml-opacity: 0.5;
+
-
opacity: 0.5;
+
-
width:400px;
+
-
}
+
-
.pagetitle h3{
+
-
font-size: 26pt;
+
-
color:white;
+
-
display:block;
+
-
margin:10px;
+
-
padding-bottom:10px;
+
-
}
+
-
#tab tr td #stra{
+
-
background-color:#4700b1;
+
-
vertical-align:top;
+
-
+
-
}
+
-
a {
+
-
text-decoration:none;}
+
-
#tab tr td #stra:hover {
+
-
filter:alpha(opacity=100);
+
-
-moz-opacity:1.0;
+
-
-khtml-opacity:1.0;
+
-
opacity:1.0;
+
-
text-decoration:none;
+
-
}
+
-
#stra p{color:white;
+
-
margin:10px;
+
-
padding:0;}
+
-
.bigblock{
+
<link href="modeling.css" rel="stylesheet" type="text/css">
-
margin:0;
+
<link href="global.css" rel="stylesheet" type="text/css">
-
width:900px;
+
<link href="template2.css" rel="stylesheet" type="text/css">
-
margin:10px;
+
<!-- include the Tools -->
-
color:#333333;
+
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
-
background-color:transparent;
+
<style type="text/css">
-
font-size:12pt;
+
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a{
-
padding:10px;
+
color:#ffcc99
-
font-family: 'Molengo', sans-serif;
+
-
vertical-align:middle;}
+
-
.block{
+
-
-moz-border-radius: 5px;
+
-
-webkit-border-radius: 5px;
+
-
border-radius: 5px;
+
-
background-color: white;
+
-
}
+
-
.bigblock #intro h2{
+
-
+
-
font-size:28px;}
+
-
.bigblock #intro p{
+
-
padding:5px;
+
-
margin:5px;}
+
-
.footer{
+
-
background-color:#666666;
+
-
padding:10px;
+
-
text-align:center;
+
}
}
-
.footer a{
+
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a:hover{
-
color:#cccccc;
+
color:#ff9933
-
margin:10px;
+
-
text-decoration:none;
+
-
}
+
-
.footer a:hover {
+
-
color:#FFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
}
}
</style>
</style>
Line 96: Line 29:
<body>
<body>
-
<div id="contentwrapper"><div class="main">
+
<div id="contentwrapper">
-
<table id="tab" border="0" cellspacing="1" cellpadding="1">
+
  <div class="main">
-
  <tr>
+
    <div class="leftulcontainer">
-
    <td><div class="pagetitle" id="stra"><a href="https://2011.igem.org/Team:ZJU-China/Safety"> <h3>Human practice|Safety</h3>
+
  <div id="leftul" class="leftul">
-
          <p>brief introduction</p></a></div></td>
+
        <div id="accordion">
-
    <td><div class="pagetitle" id="stra"><a href="https://2011.igem.org/Team:ZJU-China/Humanpractice/App"> <h3>App</h3>
+
          <div class="pane" >  
-
          <p>brief introduction</p></a></div></td>
+
            <a href="https://2011.igem.org/Team:ZJU-China/Project">Overview</a>
-
   
+
          </div>  
-
  </tr>
+
-
</table>
+
<h4 >Overview</h4>  
 +
 +
<div class="pane" style="display:block;">  
 +
<a href="https://2011.igem.org/Team:ZJU-China/Safety">Safety<br/>
 +
</a>
 +
<a  href="https://2011.igem.org/Team:ZJU-China/Novel">Novel<br/>
 +
</a>
 +
        <a  href="https://2011.igem.org/Team:ZJU-China/App">App<br/></a>
 +
                <a  href="https://2011.igem.org/Team:ZJU-China/FundingGuide">Funding Guide<br/></a>
 +
 +
 +
</div>
 +
<div class="pane" >
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/Parts">Overview</a>
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/BBa_I13602">BBa_I13602</a>
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/BBa_K561003">BBa_K561003</a>
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/BBa_K561000">BBa_K561000</a>
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/BBa_K561000">BBa_K561000</a>
 +
 
 +
  </div>
 +
<div class="pane" >
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/Data">Data</a>
 +
  </div>
 +
<div class="pane" >
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/Achievements">Achievements</a>
 +
  </div>
 +
<div class="pane" >
 +
  <a  href="https://2011.igem.org/Team:ZJU-China/Tools">Tools</a>
 +
  </div>
 +
</div>
 +
    <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 > 330) {
 +
                $(".leftul").addClass("stickToTop");
 +
            } else {
 +
                $(".leftul").removeClass("stickToTop");
 +
            }
 +
   
 +
        });
 +
    </script>
 +
-
<div class="bigblock"><div class="block" id="intro">
+
            </div> <!--accordion-->
-
  <h3>Human practice</h3>
+
        </div><!--leftul-->
-
  <hr/>
+
        </div><!--leftulcontainer-->
-
<p>aaaaaaa</p>
+
       
-
</div>
+
<div class="rightcontainer">
-
</div>
+
        <div id="styleA" class="frame" >
-
 
+
              <div id="purple">
-
</div></div>
+
<h1>Human Practice</h1>
-
<div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
+
<div id="framecontent">
-
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
+
          <div class="block" id="b_background">
-
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
+
            <h1>Please Click links on the left to check the out!</h1>
-
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
+
           
-
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
+
          </div>
-
         
+
          <p style="clear:both"></p>
-
  </div>
+
            </div><!--framecontent-->
-
 
+
<div class="frame" id="rightnav">
 +
                <div class="bgcolors" id="round">
 +
                <p><a name="jumptop" id="p_intro">&nbsp;Introduction&nbsp;</a>|<a id="p_model">&nbsp;Model&nbsp;</a>|<a id="p_simul">&nbsp;Simulation&nbsp;</a></p>
 +
                  </div><!--bgcolors-->
 +
                  </div><!--rightnav-->
 +
              </div><!--orange--></div><!--frame-->
 +
        </div><!--rightcontainer-->
 +
        <p style="clear:both"></p>
 +
</div><!--main-->
 +
</div><!--contentwrapper-->
</body>
</body>
</html>
</html>
 +
{{ZJUfooter}}

Revision as of 03:35, 6 October 2011

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

Untitled Document

Human Practice

Please Click links on the left to check the out!

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