Team:HZAU-China/Safety/Safety forms

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team：HZAU-China/background-head}} <html> <style> #background{ background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); float:left; min-heiht:600px; ...")
Line 128: Line 128:
       <p><br></p>
       <p><br></p>
       <center>
       <center>
-
       <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">{{:Team：HZAU-China/background-head}}
+
       <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">Sefety forms</span>
-
<html>
+
-
<style>
+
-
#background{
+
-
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
+
-
    float:left;
+
-
    min-heiht:600px;
+
-
    width: 1000px;
+
-
}
+
-
#sidebar {
+
-
    background-color:transparent;
+
-
    clear: both;
+
-
    float: left;
+
-
    height: auto;
+
-
    width: 240px;
+
-
    padding-top: 10px;
+
-
    padding-left: 15px;
+
-
}
+
-
#paragraphs {
+
-
    background-color: transparent;
+
-
    float: right;
+
-
    height: auto;
+
-
    text-align: justify;
+
-
    padding-top: 10px;
+
-
    padding-right:15px;
+
-
    width: 710px;
+
-
}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
    border-bottom: none;
+
-
    font-family:arial, sans-serif;
+
-
}
+
-
</style>
+
-
 
+
-
<style>
+
-
*{margin:0px;padding:0px;}
+
-
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:#ddd;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:#c00  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 label.open b {color:#ff0;}
+
-
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;
+
-
-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:#ccc;}
+
-
ul.menu ul li a:hover {background:#ddd;}
+
-
ul.menu input {position:absolute;left:-9999px;}
+
-
ul.menu li input:checked + label {background:#069;}
+
-
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 url("/jscss/demoimg/201208/u-arrow.gif")
+
-
 
+
-
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>
+
-
 
+
-
<script>
+
-
$(document).ready(function(){
+
-
var topMain=$("#sidebar").height()+100//是头部的高度加头部与nav导航之间的距离
+
-
var menu=$(".menu");
+
-
$(window).scroll(function(){
+
-
if ($(window).scrollTop()>topMain){//如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除
+
-
menu.addClass("menu_scroll");
+
-
}else{
+
-
menu.removeClass("menu_scroll");
+
-
}
+
-
});
+
-
})
+
-
</script>
+
-
 
+
-
<body>
+
-
<div id="background">
+
-
  <div id="sidebar">
+
-
    <body>
+
-
      <ul class="menu">
+
-
<li>
+
-
<input type="radio" name="tab1" id="tab1a" class="tabs">
+
-
<label for="tab1a" class="open" accesskey="2">
+
-
<a><span>Safety</span></a>
+
-
</label>
+
-
<input type="radio" name="tab1" id="tab1ac" class="tabs close">
+
-
<label for="tab1ac" class="close" accesskey="3">
+
-
</label>
+
-
<ul>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms">-Safety forms</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio">-Security Evaluation</a></li>
+
-
                        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree">-Social Approval Degree</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea">-the Safety of Flea</a></li>
+
-
<li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas">-New Ideas</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>    <input type="radio" name="tab1" id="tab1b" class="tabs" checked="checked">
+
-
                <label for="tab1b" class="open" accesskey="4">
+
-
                <span>Instructors</span></label>
+
-
<input type="radio" name="tab1" id="tab1bc" class="tabs close">
+
-
                <label for="tab1bc" class="close" accesskey="5"></label>
+
-
<ul>
+
-
      <li><a href="#1"></a></li>
+
-
                      <li><a href="#2"></a></li>
+
-
</ul>
+
-
</li>
+
-
    </body>
+
-
  </div>
+
-
 
+
-
  <div id="paragraphs">
+
-
      <p><br></p>
+
-
      <center>
+
-
      <span style="font-size:40px;font-family:Cambria;margin-top:10px;line-height:80%">Safety forms</span>
+
-
      </center>
+
-
      <p><br></p>
+
-
 
+
-
<p  style="text-align:center;"><a><img src="" style="width:710px;"></a>
+
-
</br>
+
-
</p>
+
-
<p style="font-size:13px;font-family:arial, sans-serif;sans-serif;text-align:center;"></p>
+
-
 
+
-
<h3></h3>
+
-
<h3></h3>
+
-
<p style="font-size:16px;font-family:arial, sans-serif;"></p>
+
-
 
+
-
  </div>
+
-
</div>
+
-
</html>
+
-
 
+
-
{{:Team：HZAU-China/background-footer}}
+
-
</span>
+
       </center>
       </center>
       <p><br></p>
       <p><br></p>

Revision as of 05:34, 20 September 2013

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