Team:HZAU-China/Notebook

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 3: Line 3:
<style>
<style>
#background{
#background{
-
  background-color: #EDFFFF;
+
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
    border: 3px solid #A1FFFF;
+
     float:left;
-
    margin:0;
+
     min-heiht:600px;
-
    padding:0;
+
     width: 1000px;
-
     float: left;
+
-
     min-height: 800px;
+
-
     width: 960px;
+
}
}
#sidebar {
#sidebar {
-
   
+
     background-color:transparent;
-
     background-color:transportate;
+
     clear: both;
     clear: both;
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     width: 230px;
+
     width: 240px;
-
     margin-bottom: 5px;
+
     padding-top: 10px;
-
     padding-bottom: 5px;
+
     padding-left: 15px;
}
}
#paragraphs {
#paragraphs {
-
     background-color: #EDFFFF;
+
     background-color: transparent;
-
    border: 3px solid #A1FFFF;
+
     float: right;
     float: right;
     height: auto;
     height: auto;
-
     margin-bottom: 5px;
+
     text-align: justify;
-
     margin-top: 5px;
+
     padding-top: 10px;
-
     padding-bottom: 5px;
+
     padding-right:15px;
-
    padding-top:10px;
+
     width: 710px;
     width: 710px;
 +
}
 +
a, a:visited {
 +
    color: #7770b4;
 +
    text-decoration: none;
}
}
</style>
</style>
-
<body>
 
-
<div id="background">
 
-
  <div id="sidebar">
 
<style>
<style>
-
*{ padding:0; margin:0; }
+
*{margin:0px;padding:0px;}
-
.slider{line-height:23px; width:220px; color:#7ecef4; margin:10px auto; background:#010e16; }
+
ul.menu_scroll{z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;top:20px;position:fixed;width:100%;}
 +
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
 +
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;
 +
}
 +
ul.menu li {line-height:30px;position:relative;}
 +
ul.menu > li {margin-top:2px;font-size:12px;}
 +
ul.menu > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
 +
ul.menu label.open {display:block;background:#517b1f  no-repeat 170px 12px;line-height:30px;position:relative;z-
 +
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
 +
ul.menu span {display:block;background:#517b1f;line-height:30px;position:relative;z-index:100;font-size: 16px;padding-left:10px;}
 +
ul.menu label img {position:absolute;left:0;top:0;width:100%;height:30px;}
 +
ul.menu ul li {margin-top:-30px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
-ms-transition: 0.5s;
 +
-o-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#b3e24b;}
 +
ul.menu ul li a:hover {background:#d3f18c;}
 +
ul.menu input {position:absolute;left:-9999px;}
 +
ul.menu li input:checked + label {background:#069;}
 +
ul.menu li input:checked ~ ul {background:#b3e24b;padding-bottom:10px;}
 +
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")
-
.slider dt{ background:#f5f5d2;cursor:pointer; overflow:hidden; background:#1b1b1b; border-bottom:1px solid #fff; height:35px; line-height:35px;font-size: 20px;padding-left:50px;}
+
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>
-
.slider dt.slider_open{background:##707070; color:# }
 
-
.slider dd{ display:none; background:#f1f1ea; height: auto; background:#111; border-bottom:1px dashed #fafafa; font-size: 18px;font-color:#fff}
 
-
 
-
.slider dd p{ padding:10px 20px; overflow:hidden;padding-left:40px; }
 
-
</style>
 
-
<script type="text/javascript" src="http://www.codefans.net/ajaxjs/jquery-1.4.2.min.js"></script>
 
-
<script>
 
-
$(function(){
 
-
//初始化变量
 
-
var flag = 0;
 
-
var $dt = $('.slider dt');
 
-
var $dd = $('.slider dd');
 
-
//初始化状态
 
-
$dd.eq(0).show();
 
-
$dt.eq(0).css('cursor','default');
 
-
//单击事件
 
-
$dt.click(function(){
 
-
if($dt.index(this) == flag) return false;
 
-
flag = $dt.index(this);
 
-
$dd.not($dd.eq(flag)).slideUp();
 
-
$dd.eq(flag).slideDown();
 
-
$dt.eq(flag).css('cursor','default').addClass('slider_open');
 
-
$dt.not($dt.eq(flag)).css('cursor','pointer').removeClass('slider_open');
 
-
  });
 
-
});
 
-
</script>
 
-
</head>
 
<body>
<body>
-
<dl class="slider">
+
<div id="background">
-
<dt class="slider_open">Notebook</dt>
+
    <div id="sidebar">
-
<dd><a href="#">Development of our team and Summer Fun</a><br>
+
        <body>
-
            <a href="#">Labnote</a><br>
+
        <ul class="menu">
-
            <a href="#">Protocol</a><br></dd>
+
        <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record"><span style="font-size:19px;color=#fff;">Meeting Record</span></a></li>
-
<dt>In this page</dt>
+
        <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery"><span>Gallery</span></a></li>  
-
<dd><a href="#Week1">Week1</a><br>
+
        <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol"><span>Protocol</span></a></li>
-
            <a href="#Week2">Week2</a><br>
+
      </body>
-
            <a href="#Week3">Week3</a><br>
+
    </div>
-
            <a href="#Week4">Week4</a><br>
+
    <div id="paragraphs">
-
            <a href="#Week5">Week5</a><br>
+
    <p><br></p>
-
            <a href="#Week6">Week6</a><br>
+
    <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Meeting Record</span></center>
-
            <a href="#Week7">Week7</a><br>
+
    <p><br></p>
-
            <a href="#Week8">Week8</a><br>
+
-
            <a href="#Week9">Week9</a><br>
+
-
            <a href="#Week10">Week10</a><br>
+
-
            <a href="#Week11">Week11</a><br>
+
-
            <a href="#Week12">Week12</a><br>
+
-
            <a href="#Week13">Week13</a><br>
+
-
            <a href="#Week14">Week14</a><br>
+
-
            <a href="#Week15">Week15</a><br>
+
-
            <a href="#Week16">Week16</a><br>
+
-
            <a href="#Week17">Week17</a><br></dd>
+
-
+
-
</dl>
+
-
</body>
+
-
  </div>
+
<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>
-
  <div id="paragraphs">
+
-
<p>
+
-
<br>
+
-
</p>
+
-
<center>
+
-
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
+
-
</center>
+
-
<p>
+
-
<br>
+
-
</p>
+
-
<a name="Week1">
+
<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>
-
<h3>Week1</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name=Week2">
+
<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>
-
<h3>Week2</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name="Week3">
+
<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>
-
<h3>Week3</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name="Week4">
+
<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>
-
<h3>Week4</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name="Week5">
+
<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>
-
<h3>Week5</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name="Week6">
+
<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>
-
<h3>Week6</h3>
+
-
</a>
+
-
<p></p>
+
-
<a name="Week7">
+
<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>
-
<h3>Week7</h3>
+
   
-
</a>
+
    </div>
-
<p></p>
+
-
 
+
-
<a name="Week8">
+
-
<h3>Week8</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week9">
+
-
<h3>Week9</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week10">
+
-
<h3>Week10</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week11">
+
-
<h3>Week11</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week12">
+
-
<h3>Week12</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week13">
+
-
<h3>Week13</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week14">
+
-
<h3>Week14</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week15">
+
-
<h3>Week15</h3>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="Week16">
+
-
<h3>Week16</h3>
+
-
</a>
+
-
<p></p>
+
-
  </div>
+
</div>
</div>
</body>
</body>

Latest revision as of 09:35, 27 September 2013