Team:SCAU-China/Team

From 2014.igem.org

(Difference between revisions)
Line 29: Line 29:
.hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
.hx-side h3 a{display:block;font-size:18px;color:#a5e8fa;}
.hx-side h3 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
.hx-side h3 i{position:absolute;right:10px;top:0;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
 +
.hx-side h3 b{display:none;position:absolute;right: 12px;top: -7px;color:#fff;font-style:normal;font-size:18px;cursor:pointer;}
.hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
.hx-side .twolevel{margin:0 10px;border-top:1px solid #86cee6;padding:10px 0;display:none;}
.hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
.hx-side .twolevel a{display:block;line-height:30px;color:#a5e8fa;font-size:14px;padding-left:30px;}
Line 53: Line 54:
.hx-gbox{text-align:center;}
.hx-gbox{text-align:center;}
 +
</style>
</style>
Line 59: Line 61:
$(".hx-menu h3").click(function(){
$(".hx-menu h3").click(function(){
$(this).parent().find(".twolevel").toggle();
$(this).parent().find(".twolevel").toggle();
 +
$(this).find("i").toggle();
 +
$(this).find("b").toggle();
return false();
return false();
})
})
})
})
-
</script>
+
</script><!--main content -->
-
<!--main content -->
+
<div class="hx-wrapper">
<div class="hx-wrapper">
<div class="hd"></div>
<div class="hd"></div>
Line 74: Line 77:
                 <li><h3><a href="https://2014.igem.org/Team:SCAU-China">Home</a></h3></li>
                 <li><h3><a href="https://2014.igem.org/Team:SCAU-China">Home</a></h3></li>
                     <li class="active">
                     <li class="active">
-
                     <h3><a href="javascript:void(0)">Team</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Team</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="Team.html#Members">- Members</a>
                         <a href="Team.html#Members">- Members</a>
Line 81: Line 84:
                     </li>
                     </li>
                     <li>
                     <li>
-
                     <h3><a href="javascript:void(0)">Project</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Project</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="https://2014.igem.org/Team:SCAU-China/Project">- Overview</a>
                         <a href="https://2014.igem.org/Team:SCAU-China/Project">- Overview</a>
Line 94: Line 97:
                     </li>
                     </li>
                     <li>
                     <li>
-
                     <h3><a href="javascript:void(0)">Results</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Results</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="#">- Parts</a>
                         <a href="#">- Parts</a>
Line 103: Line 106:
                     </li>
                     </li>
                     <li>
                     <li>
-
                     <h3><a href="javascript:void(0)">Human practices</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Human practices</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="#">- Project consult</a>
                         <a href="#">- Project consult</a>
Line 111: Line 114:
                     </li>
                     </li>
                     <li>
                     <li>
-
                     <h3><a href="javascript:void(0)">Notebook</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Notebook</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="#">- Protocools</a>
                         <a href="#">- Protocools</a>
Line 119: Line 122:
                     </li>
                     </li>
                     <li>
                     <li>
-
                     <h3><a href="javascript:void(0)">Attributions</a><i>+</i></h3>
+
                     <h3><a href="javascript:void(0)">Attributions</a><i>+</i><b>_</b></h3>
                         <div class="twolevel">
                         <div class="twolevel">
                         <a href="#">- Ourteam</a>
                         <a href="#">- Ourteam</a>
Line 143: Line 146:
          
          
     </div>
     </div>
-
</div></html>
+
</div>
 +
</html>

Revision as of 11:12, 14 October 2014