User:Supacalafrglstic
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
- | + | ||
- | + | <script type="text/javascript"> | |
- | + | function initMenu() { | |
- | + | $('#menu ul').hide(); | |
- | + | $('#menu li a').click( | |
- | + | function() { | |
- | + | $(this).next().slideToggle('normal'); | |
- | + | } | |
- | + | ); | |
- | + | } | |
+ | $(document).ready(function() {initMenu();}); | ||
+ | </script> | ||
+ | |||
<style> | <style> | ||
- | + | body { | |
- | + | font-family: Helvetica, Arial, sans-serif; | |
- | + | font-size: 0.9em; | |
- | + | } | |
- | + | ||
- | + | p { | |
- | + | line-height: 1.5em; | |
+ | } | ||
+ | |||
+ | ul#menu, ul#menu ul { | ||
+ | list-style-type:none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 15em; | ||
+ | } | ||
+ | |||
+ | ul#menu a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | ul#menu li { | ||
+ | margin-top: 1px; | ||
+ | } | ||
+ | |||
+ | ul#menu li a { | ||
+ | background: #333; | ||
+ | color: #fff; | ||
+ | padding: 0.5em; | ||
+ | } | ||
+ | |||
+ | ul#menu li a:hover { | ||
+ | background: #000; | ||
+ | } | ||
+ | |||
+ | ul#menu li ul li a { | ||
+ | background: #ccc; | ||
+ | color: #000; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | ul#menu li ul li a:hover { | ||
+ | background: #aaa; | ||
+ | border-left: 5px #000 solid; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | |||
+ | .code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; } | ||
+ | .code code { display: block; padding: 3px; margin-bottom: 0; } | ||
+ | .code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; } | ||
+ | .indent1 { padding-left: 1em; } | ||
+ | .indent2 { padding-left: 2em; } | ||
</style> | </style> | ||
</head> | </head> | ||
Line 24: | Line 72: | ||
<body> | <body> | ||
- | < | + | <ul id="menu"> |
- | < | + | <li><a href="#">Sub menu heading</a> |
- | + | ||
<ul> | <ul> | ||
- | <li><a href="/ | + | <li><a href="htp://google.com/">Link</a></li> |
- | <li><a href="/ | + | <li><a href="htp://google.com/">Link</a></li> |
+ | <li><a href="htp://google.com/">Link</a></li> | ||
</ul> | </ul> | ||
- | < | + | <li><a href="#">Sub menu heading 2</a> |
- | + | ||
- | + | ||
<ul> | <ul> | ||
- | <li><a href="/ | + | <li><a href="htp://google.com/">Link</a></li> |
- | <li><a href="/ | + | <li><a href="htp://google.com/">Link</a></li> |
</ul> | </ul> | ||
- | + | </ul> | |
- | </ | + | |
</body> | </body> | ||
</html> | </html> |
Revision as of 04:15, 23 July 2010