Team:Tianjin/Safety
From 2013.igem.org
Line 140: | Line 140: | ||
.box{ width:960px; margin:0 auto; overflow:hidden;} | .box{ width:960px; margin:0 auto; overflow:hidden;} | ||
.main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} | .main{ width:720px; height:auto; float:right;position:relative;padding:10px 10px 10px 10px;} | ||
- | .fixed{ width:220px; height:300px; font:normal; text-align:center;float:left;background-color:#f0f0f0;word-spacing:0.1em;top:10px;margin-top:10px;} | + | .fixed{ width:220px; height:300px; font:normal; text-align:center;float:left;/*background-color:#f0f0f0;*/word-spacing:0.1em;top:10px;margin-top:10px;} |
.main img{border:hidden;margin-bottom:5px;} | .main img{border:hidden;margin-bottom:5px;} | ||
.main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;} | .main div,li,p{font-family:Arial;line-height:150%;word-spacing:0.1em;} | ||
Line 179: | Line 179: | ||
<div class="sub"> | <div class="sub"> | ||
<div class="fixed"> | <div class="fixed"> | ||
- | <ul> | + | <style type="text/css"> |
- | <a href="#lab-safety"> | + | .cont ul,li{list-style: none;} |
- | <a href="#pla.compitition" | + | .cont ul {padding: 0; margin: 0;text-align:center;} |
- | <a href="#the3mlec." | + | .cont .hmain {background-color:#0babe7 ;width: 210px;font-size:16px;float: left;border-bottom:#CCC 1px solid;} |
- | <li>Safety Questions</li> | + | .cont li {background-color: #fff;line-height:150%;} |
- | </ul> | + | .cont a {text-decoration: none; padding-left: 10px; display: block; display: inline-block; width: 200px;padding-top: 3px;padding-bottom: 3px;} |
+ | .cont .hmain a {color: white;background-coler:#CCC ;/*background-repeat: no-repeat; */background-position: 3px center; } | ||
+ | .cont .hmain li a {color: black;background-image: none; } | ||
+ | .cont .hmain ul {display: none; } | ||
+ | .cont .hmain li{font-size:12px;} | ||
+ | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".hmain").hover(function(){ | ||
+ | $(this).children("ul").slideDown(); | ||
+ | changeIcon($(this).children("a")); | ||
+ | },function(){ | ||
+ | $(this).children("ul").slideUp(); | ||
+ | changeIcon($(this).children("a")); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <div class="cont"> | ||
+ | <ul> | ||
+ | <li class="hmain"> | ||
+ | <a href="#lab-safety">Lab-Safety Month</a> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="#pla.compitition">Plague Inc Competition</a> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="#the3mlec.">The 3M Lecture</a> | ||
+ | </li> | ||
+ | <li class="hmain"> | ||
+ | <a href="#">Safety Questions</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="images/iGEM(单色).jpg" width="100px" height="100px" border="none"/></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 10:57, 23 September 2013