Team:HZAU-China/Modeling

From 2013.igem.org

(Difference between revisions)

@@ Line 3: / Line 3: @@
 <style>
 #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 {
@@ Line 13: / Line 13: @@
      float: left;
      height: auto;
-     width: 220px;
+     width: 240px;
-     padding-top: 5px;
+     padding-top: 10px;
-     padding-left: 10px;
+     padding-left: 15px;
 }
 #paragraphs {
-     background-color: #EDFFFF;
+     background-color: transparent;
-    border: 3px solid #A1FFFF;
      float: right;
      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;
+}
+h1, h2, h3, h4, h5, h6 {
+    border-bottom: medium none;
+    font-family: arial,sans-serif;
+    font-size: 150%;
 }
 </style>
-<body>
-<div id="background">
-  <div id="sidebar">
 <style>
 *{margin:0px;padding:0px;}
-.menu_scroll{z-index:100;padding:10px;margin:0 auto;top:20px;position:fixed;width:100%;margin:0;}
+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:200px;background:#ddd;font-
+ul.menu ul {padding:0;margin:0;list-style:none;position:;width:220px;background:#ddd;font-family:arial, sans-serif;}
-family:arial, sans-serif;}
 ul.menu {z-index:100;padding:10px;margin:0 auto;}
 ul.menu ul {z-index:50;
@@ Line 47: / Line 47: @@
 	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 a {font:normal 16px/29px arial, sans-serif;color:#fff;text-decoration:none;}
-ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-
+ul.menu label.open {display:block;background:#c00  no-repeat 170px 12px;line-height:30px;position:relative;z-
-height:30px;position:relative;z-index:100;font:normal 12px/30px arial, sans-
+index:100;font:normal 12px/30px arial, sans-serif;color:#fff;border-radius:10px 10px 0 0;}
-serif;color:#fff;border-radius:10px 10px 0 0;}
 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 ul li {margin-top:-30px;
@@ Line 65: / Line 63: @@
 	transition: 0.5s;
 }
-ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-
+ul.menu ul li a {display:block;font:normal 16px/29px arial, sans-serif;color:#000;background:#ccc;}
-serif;color:#000;background:#ccc;}
 ul.menu ul li a:hover {background:#ddd;}
 ul.menu input {position:absolute;left:-9999px;}
@@ Line 72: / Line 69: @@
 ul.menu li input:checked ~ ul {background:#ccc;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 no-repeat 170px 12px;line-
+ul.menu label.close {display:block;width:200px;height:30px;background:transparent url("/jscss/demoimg/201208/u-arrow.gif")
-height:30px;position:relative;left:0;z-index:90;margin-top:-30px}
+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;}
@@ Line 79: / Line 77: @@
 ul.menu input.close:checked ~ ul li {margin-top:-30px;}
 </style>
-<script type="text/javascript">
+<script>
 $(document).ready(function(){
-	var topMain=$("#sidebar").height()+80//是头部的高度加头部与nav导航之间的距离
+	var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
 	var menu=$(".menu");
 	$(window).scroll(function(){
@@ Line 92: / Line 91: @@
 })
 </script>
 <body>
-<ul class="menu">
+<div id="background">
-	<li><a href="#"><span>Introduction</span></a></li>
+    <div id="sidebar">
-	<li>
+        <body>
-		<input type="radio" name="tab1" id="tab1a" class="tabs" checked="checked">
+        <ul class="menu">
-		<label for="tab1a" class="open" accesskey="2">
+        <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling"><span>Overview</span></a></li>
-		<span>Modeling</span>
+        <li><a href="https://2013.igem.org/Team:HZAU-China/Project/The innovation of HZAU-iGEM Team"><span>Gray logistic</span></a></li>
-		</label>
+        <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Rabies"><span>Immune responce</span></a></li>
-		<input type="radio" name="tab1" id="tab1ac" class="tabs close">
+        <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Flea and Yersinia pestis">Cellular automata<span></span></a></li>
-		<label for="tab1ac" class="close" accesskey="3">
+       </body>
+    </div>
-		</label>
+    <div id="paragraphs">
-		<ul>
-			<li><a href="#">-Immune Accordingly</a></li>
-			<li><a href="#">-Logistic</a></li>
-			<li><a href="#">-Cellular Automaton</a></li>
-		</ul>
-	</li>
-	<li><a href="#"><span>Reference</span></a></li>
-</ul>
-</body>
-   </div>
-   <div id="paragraphs">
-<p>
-<br>
-</p>
-               <a name="1"><h1>Introduction</h1></a>
-               <p>       </p>
-               <a><h1>Modeling</h1></a>
-               <a name="2"><h3>Immune Accordingly</h3></a>
-               <p>       </p>
-               <a name="3"><h3>Logistic</h3></a>
-               <p>       </p>
-               <a name="4"><h3>Cellular Automaton</h3></a>
-               <p>       </p>
-               <a name="5"><h1>Reference</h1></a>
-               <p>       </p>
      </div>
 </div>

Team:HZAU-China/Modeling

From 2013.igem.org

Revision as of 04:04, 25 September 2013