Team:HZAU-China/Notebook

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<style>
<style>
#background{
#background{
-
     background-color: #EDFFFF;
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
     float: left;
+
     float:left;
-
     min-height: 800px;
+
     min-heiht:600px;
-
     width: 960px;
+
     width: 1000px;
}
}
#sidebar {
#sidebar {
Line 13: Line 13:
     float: left;
     float: left;
     height: auto;
     height: auto;
-
     width: 220px;
+
     width: 240px;
-
     padding-top: 5px;
+
     padding-top: 10px;
-
     padding-left: 10px;
+
     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;
}
}
</style>
</style>
-
<body>
 
-
<div id="background">
 
-
  <div id="sidebar">
 
<style>
<style>
*{margin:0px;padding:0px;}
*{margin:0px;padding:0px;}
Line 38: Line 33:
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
ul.menu:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
ul.menu,
ul.menu,
-
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:200px;background:#ddd;font-family:arial, sans-serif;}
+
ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#ddd;font-family:arial, sans-serif;}
-
ul.menu {z-index:100;padding:10px;margin:0 auto;padding-bottom: 5px;}
+
ul.menu {z-index:100;padding:10px;margin:0 auto;}
ul.menu ul {z-index:50;
ul.menu ul {z-index:50;
-webkit-transition: 0.5s;
-webkit-transition: 0.5s;
Line 47: Line 42:
transition: 0.5s;
transition: 0.5s;
}
}
-
ul.menu li {line-height:30px;position:relative;text-indent:10px;}
+
ul.menu li {line-height:30px;position:relative;}
ul.menu > li {margin-top:2px;font-size:12px;}
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 > li a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
Line 54: Line 49:
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
ul.menu label.open b {color:#ff0;}
ul.menu label.open b {color:#ff0;}
-
ul.menu span {display:block;background:#c00;line-height:30px;position:relative;z-index:100;font-size: 18px;}
+
ul.menu span {display:block;background:#c00;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 label img {position:absolute;left:0;top:0;width:100%;height:30px;}
ul.menu ul li {margin-top:-30px;
ul.menu ul li {margin-top:-30px;
Line 77: Line 72:
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
ul.menu input.close:checked ~ ul li {margin-top:-30px;}
</style>
</style>
-
<script src="/ajaxjs/jquery-1.7.2.min.js" type="text/javascript"></script>
+
 
-
<script type="text/javascript">
+
<script>
$(document).ready(function(){
$(document).ready(function(){
-
var topMain=$("#sidebar").height()-250//是头部的高度加头部与nav导航之间的距离
+
var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
var menu=$(".menu");
var menu=$(".menu");
$(window).scroll(function(){
$(window).scroll(function(){
Line 93: Line 88:
<body>
<body>
-
<ul class="menu">
+
<div id="background">
 +
    <div id="sidebar">
 +
        <body>
 +
        <ul class="menu">
         <li>
         <li>
<input type="radio" name="tab1" id="tab1a" class="tabs">
<input type="radio" name="tab1" id="tab1a" class="tabs">
Line 108: Line 106:
</ul>
</ul>
</li>
</li>
-
 
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
Line 119: Line 116:
                       <li><a href="#2">Week2</a></li>
                       <li><a href="#2">Week2</a></li>
                       <li><a href="#3">Week3</a></li>
                       <li><a href="#3">Week3</a></li>
-
                      <li><a href="#4">Week4</a></li>
 
-
                      <li><a href="#5">Week5</a></li>
 
-
                      <li><a href="#6">Week6</a></li>
 
-
                      <li><a href="#7">Week7</a></li>
 
-
                      <li><a href="#8">Week8</a></li>
 
-
                      <li><a href="#9">Week9</a></li>
 
-
                      <li><a href="#10">Week10</a></li>
 
-
                      <li><a href="#11">Week11</a></li>
 
-
                      <li><a href="#12">Week12</a></li>
 
-
                      <li><a href="#13">Week13</a></li>
 
-
                      <li><a href="#14">Week14</a></li>
 
-
                      <li><a href="#15">Week15</a></li>
 
-
                      <li><a href="#16">Week16</a></li>
 
</ul>
</ul>
</li>
</li>
-
         </dl>
+
         </body>
-
</body>
+
    </div>
-
 
+
    <div id="paragraphs">
-
  </div>
+
    <p><br></p>
-
  <div id="paragraphs">
+
    <center><span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span></center>
-
<p>
+
    <p><br></p>
-
<br>
+
 
-
</p>
+
    <a name="1">
-
<center>
+
-
<span style="font-size:46px;font-family:Cambria;margin-top:10px;line-height:80%">Labnote</span>
+
-
</center>
+
-
<p>
+
-
<br>
+
-
</p>
+
-
 
+
-
<a name="1">
+
<h1>Week1</h1>
<h1>Week1</h1>
</a>
</a>
Line 164: Line 140:
<p></p>
<p></p>
-
<a name="4">
 
-
<h1>Week4</h1>
 
-
</a>
 
-
<p></p>
 
-
<a name="5">
+
    </div>
-
<h1>Week5</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="6">
+
-
<h1>Week6</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="7">
+
-
<h1>Week7</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="8">
+
-
<h1>Week8</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="9">
+
-
<h1>Week9</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="10">
+
-
<h1>Week10</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="11">
+
-
<h1>Week11</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="12">
+
-
<h1>Week12</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="13">
+
-
<h1>Week13</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="14">
+
-
<h1>Week14</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="15">
+
-
<h1>Week15</h1>
+
-
</a>
+
-
<p></p>
+
-
 
+
-
<a name="16">
+
-
<h1>Week16</h1>
+
-
</a>
+
-
<p></p>
+
-
  </div>
+
</div>
</div>
</body>
</body>

Revision as of 14:35, 23 September 2013


Retrieved from "http://2013.igem.org/Team:HZAU-China/Notebook"