Team:HZAU-China/Notebook

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:HZAU-China/background-head}}
{{:Team:HZAU-China/background-head}}
-
 
-
You should make use of the calendar feature on the wiki and start a lab notebook.  This may be looked at by the judges to see how your work progressed throughout the summer.  It is a very useful organizational tool as well.
 
<html>
<html>
-
<link rel="stylesheet" href="https://2013.igem.org/Team:HZAU-China/index.css?action=raw&ctype=text/css" />
+
<style>
-
 
+
#background{
-
<script type="text/javascript">
+
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
$(document).ready(function(){
+
    float:left;
-
  $(".navtext").css("opacity","0");
+
     min-heiht:600px;
-
  $(".navtext").hover(function(){
+
     width: 1000px;
-
  $(this).stop().animate({opacity:1},'slow');},
+
-
  function () {
+
-
  $(this).stop().animate({opacity: 0}, "slow");
+
-
});
+
-
  $("#secondpane p.menu_head").mouseover(function()
+
-
     {
+
-
    $(this).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
+
-
        $(this).siblings();
+
-
});
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
function getScrollTop() {
+
-
    var scrollPos;
+
-
    if (window.pageYOffset) {
+
-
        scrollPos = window.pageYOffset;
+
-
    }
+
-
    else if (document.compatMode) {
+
-
    if(document.compatMode != 'BackCompat')
+
-
    {
+
-
        scrollPos = document.documentElement.scrollTop;
+
-
        }
+
-
        else if (document.body)
+
-
        {
+
-
        scrollPos = document.body.scrollTop;
+
-
    }
+
-
    }
+
-
    if(scrollPos < 110){
+
-
document.getElementById("right-fixed").className="right-static";
+
-
}
+
-
else{
+
-
document.getElementById("right-fixed").className="right-fixed";
+
-
}
+
-
     if(scrollPos < 216){
+
-
document.getElementById("secondpane").className=" ";
+
-
}
+
-
else{
+
-
document.getElementById("secondpane").className="menu_list";
+
-
}
+
}
}
-
window.onscroll=getScrollTop;
+
#sidebar {
-
</script>
+
    background-color:transparent;
-
 
+
    clear: both;
-
</html>
+
    float: left;
-
 
+
    height: auto;
-
 
+
    width: 240px;
-
<div id="header"><div id="logo">
+
    padding-top: 10px;
-
</div></div>
+
    padding-left: 15px;
-
<div id="nav">
+
-
 
+
-
 
+
-
<div id="track">
+
-
<div id="right-fixed" class="right-static">
+
-
 
+
-
<html>
+
-
<div id="navtext-A" class="navtext" style="position:absolute;left:10px;top:10px;"><a href='#' target='_top'><img src=""></a>
+
-
</div>
+
-
</div>
+
-
</html>
+
-
</div></div>
+
-
</div>
+
-
<div id="wrap">
+
-
<div id="secondwrap" style="border:8px solid {{{BorCor}}}">
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
__NOTOC__
+
-
<html>
+
-
<style type="text/css">
+
-
#secondpane {color:#fff;
+
-
width: 190px;
+
-
margin-left:5px;
+
}
}
-
.menu_list {
+
#paragraphs {
-
position:fixed;top:20px;}
+
    background-color: transparent;
-
.menu_head {
+
    float: right;
-
padding: 5px 10px;
+
    height: auto;
-
cursor: pointer;
+
    text-align: justify;
-
position: relative;
+
    padding-top: 10px;
-
border:1px solid #fff;
+
     padding-right:15px;
-
margin:1px;
+
     width: 710px;
-
     font-weight:bold;
+
-
     background: #91cd02;
+
-
color:#fff
+
}
}
-
.menu_head:hover
+
a, a:visited {
-
{  
+
    color: #7770b4;
-
cursor: pointer;
+
    text-decoration: none;
-
color: #fff;  
+
}
 +
</style>
-
text-decoration: none;  
+
<style>
-
background-position: 0 0;  
+
*{margin:0px;padding:0px;}
-
}  
+
ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;}
-
.menu_body {
+
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
-
display:none;
+
ul.menu,
 +
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#d3f18c;font-family:arial, sans-serif;}
 +
ul.menu {z-index:100;padding:10px;margin:0 auto;}
 +
ul.menu ul {z-index:50;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
}
}
-
.menu_children {
+
ul.menu li {line-height:30px;position:relative;}
-
background: #aaa;
+
ul.menu > li {margin-top:2px;font-size:12px;}
-
cursor: pointer;
+
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
-
padding: 5px 10px;
+
ul.menu label.open {display:block;background:#517b1f  no-repeat 170px 12px;line-height:30px;position:relative;z-
-
font-size:15px;
+
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
-
border-top: 1px solid #fff;  
+
ul.menu span {display:block;background:#517b1f;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;}
-
border-bottom: 1px solid #fff;  
+
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
-
border-left: 1px solid #fff;  
+
ul.menu ul li {margin-top:-30px;
-
border-right: 1px solid #fff;  
+
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
}
}
-
.menu_body a{
+
ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#b3e24b;}
-
  display:block;
+
ul.menu ul li a:hover {background:#d3f18c;}
-
  color:#fff;
+
ul.menu input {position:absolute;left:-9999px;}
-
  padding-left:10px;
+
ul.menu li input:checked + label {background:#069;}
-
  font-weight:bold;
+
ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;}
-
  text-decoration:none;
+
ul.menu li input:checked ~ ul li {margin-top:0;}
-
}
+
ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")
-
.menu_children:hover{
+
-
cursor: pointer;
+
-
 
+
-
  text-decoration:none;
+
-
  background:#777777;
+
-
  }
+
 +
no-repeat 170px 12px;line-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
 +
ul.menu input.tabs:checked ~ label.close {display:block;z-index:200;}
 +
ul.menu input.close:checked + label.close {display:none;}
 +
ul.menu input.close:checked ~ ul {background:#ddd;padding-bottom:0;}
 +
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
-
<div style="float:left;">
 
-
  <div id="secondpane">
 
-
<p class="menu_head">Notebook</p>
 
-
<div class="menu_body">
 
-
        <div class="menu_children">
 
-
<a href="##">Development of our team and Summer Fun</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#">Labnote</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#">Protocol</a>
 
-
        </div>
 
-
                </div>
 
-
<p class="menu_head">In this page</p>
 
-
<div class="menu_body">
 
-
        <div class="menu_children">
 
-
<a href="#Week1">Week1</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week2">Week2</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week3">Week3</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week4">Week4</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week5">Week5</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week6">Week6</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week7">Week7</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week8">Week8</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week9">Week9</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week10">Week10</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week11">Week11</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week12">Week12</a>
 
-
        </div>
 
-
        <div class="menu_children">
 
-
<a href="#Week13">Week13</a>
 
-
        </div>
 
-
<div class="menu_children">
 
-
<a href="#Week14">Week14</a>
 
-
        </div>
 
-
<div class="menu_children">
 
-
<a href="#Week15">Week15</a>
 
-
        </div>
 
-
<div class="menu_children">
 
-
<a href="#Week16">Week16</a>
 
-
        </div>
 
-
</div>
 
-
  </div>   
 
-
</div>
 
-
</html>
 
-
<div id="text-content">
 
-
<br><center><span style="font-size:46px;font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;margin-top:10px">Protocol</span></center>
 
-
<br>
 
-
=Week1=
+
<body>
-
例子
+
<div id="background">
-
+
    <div id="sidebar">
-
=Week2=
+
        <body>
-
例子
+
        <ul class="menu">
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record"><span style="font-size:19px;color=#fff;">Meeting Record</span></a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery"><span>Gallery</span></a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol"><span>Protocol</span></a></li>
 +
      </body>
 +
    </div>
 +
    <div id="paragraphs">
 +
    <p><br></p>
 +
    <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Meeting Record</span></center>
 +
    <p><br></p>
-
=Week3=
+
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/7/75/Brainstorming_for_the_project_ideas.pdf">Brainstorming for the project ideas</a><br></p>
-
例子
+
-
+
-
=Week4=
+
-
例子
+
-
=Week5=
+
-
=Week6=
+
-
=Week7=
+
-
=Week8=
+
-
=Week9=
+
-
=Week10=
+
-
=Week11=
+
-
=Week12=
+
-
=Week13=
+
-
=Week14=
+
-
=Week15=
+
-
=Week16=
+
-
例子
+
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/6/65/HZAU_IGEM_Meeting_Record_No.1%285.18%29.pdf">HZAU IGEM Meeting Record No.1(5.18)</a><br></p>
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/2/29/HZAU_IGEM_meeting_Record_No.2%285.25%29.pdf">HZAU IGEM meeting Record No.2(5.25)</a><br></p>
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/f/fb/HZAU_IGEM_Meeting_Record_No.3%286.1%29.pdf">HZAU IGEM Meeting Record No.3(6.1)</a><br></p>
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/6/62/HZAU_IGEM_Meeting_Record_No.4%286.8%29.pdf">HZAU IGEM Meeting Record No.4(6.8)</a><br></p>
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/9/9f/HZAU_IGEM_Meeting_Record_No.5_%286.15%29.pdf">HZAU IGEM Meeting Record No.5 (6.15)</a><br></p>
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/2/23/HZAU_IGEM_Meeting_Record_No.6%286.22%29.pdf">HZAU IGEM Meeting Record No.6(6.22)</a><br></p>
 +
 +
<p style="font-size:20px;font-family:arial, sans-serif;"><a href="https://static.igem.org/mediawiki/2013/e/e7/HZAU_IGEM_meeting_record_No.7%286.29%29.pdf">HZAU IGEM meeting record No.7(6.29)</a><br></p>
 +
   
 +
    </div>
 +
</div>
 +
</body>
 +
</html>
{{:Team:HZAU-China/background-footer}}
{{:Team:HZAU-China/background-footer}}
<br/>
<br/>

Latest revision as of 09:35, 27 September 2013