Difference between revisions of "Template:AUC TURKEY"
| Line 79: | Line 79: | ||
} | } | ||
#menu li:hover { | #menu li:hover { | ||
| + | background-color:lightgray; | ||
| + | } | ||
| + | #submenu a:hover { | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | #submenu ul { | ||
| + | list-style-type: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | display:none; | ||
| + | } | ||
| + | #submenu li { | ||
| + | display: inline-block; | ||
| + | vertical-align:top; | ||
| + | } | ||
| + | #submenu li:hover { | ||
background-color:lightgray; | background-color:lightgray; | ||
} | } | ||
| Line 87: | Line 103: | ||
} | } | ||
</style> | </style> | ||
| − | <script> | + | <script>$(function() { |
| + | $("#menu li").hover( | ||
| + | function(){ | ||
| + | $("sub"+).slideDown(200); | ||
| + | }, | ||
| + | function(){ | ||
| + | $(this).children('.sub-menu').slideUp(200); | ||
| + | } | ||
| + | ); | ||
| + | }); | ||
</script> | </script> | ||
<div id="header"><a href="https://2015.igem.org/Team:AUC_TURKEY"> | <div id="header"><a href="https://2015.igem.org/Team:AUC_TURKEY"> | ||
| Line 127: | Line 152: | ||
</ul> | </ul> | ||
</div> | </div> | ||
| + | <div id="submenu"> | ||
| + | <ul> | ||
| + | <li><ul id="sub1"> | ||
| + | <li><a href="#">Members</a></li> | ||
| + | <li><a href="#">Collaborations</a></li> | ||
| + | <li><a href="#">Acknowledgements</a></li> | ||
| + | </ul></li> | ||
| + | <li><ul id="sub2"> | ||
| + | <li><a href="#">Overview</a></li> | ||
| + | <li><a href="#">RNA Thermometer</a></li> | ||
| + | <li><a href="#">Urease</a></li> | ||
| + | <li><a href="#">Catalase</a></li> | ||
| + | <li><a href="#">Mechanism</a></li> | ||
| + | <li><a href="#">Modeling</a></li> | ||
| + | <li><a href="#">Parts</a></li> | ||
| + | </ul></li> | ||
| + | <li><ul id="sub3"> | ||
| + | <li><a href="#">Cloning</a></li> | ||
| + | <li><a href="#">Protein Analysis</a></li> | ||
| + | <li><a href="#">Functional Assay</a></li> | ||
| + | </ul></li> | ||
| + | <li><ul id="sub4"> | ||
| + | <li><a href="#">Notebook</a></li> | ||
| + | <li><a href="#">Protocols</a></li> | ||
| + | <li><a href="#">Safety</a></li> | ||
| + | </ul> | ||
</div> | </div> | ||
<div id="contentContainer"> | <div id="contentContainer"> | ||
</html> | </html> | ||
Revision as of 13:06, 25 June 2015
