"
User:Vinoo/AccordionMenu
From 2014.igem.org
< User:Vinoo(Difference between revisions)
m (Created page with "<html> <style type="text/css"> .acc_menu, .acc_menu ul, .acc_menu li, .acc_menu a, .acc_menu span { margin: 0; padding: 0; border: none; outline: none; } .acc_m...") |
m |
||
| (6 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | + | #acc_menu, | |
| - | + | #acc_menu ul, | |
| - | + | #acc_menu li, | |
| - | + | #acc_menu a, | |
| - | + | #acc_menu span { | |
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
| Line 12: | Line 12: | ||
} | } | ||
| - | + | #acc_menu li { | |
list-style: none; | list-style: none; | ||
} | } | ||
| - | + | #acc_menu li > a { | |
display: block; | display: block; | ||
position: relative; | position: relative; | ||
| Line 27: | Line 27: | ||
} | } | ||
| - | + | #sub_menu li a { | |
color: #000; | color: #000; | ||
| - | padding: 5px | + | height: 25; |
| + | padding: 5px 0px 5px 20px; | ||
font: bold 12px Arial, sans-serif; | font: bold 12px Arial, sans-serif; | ||
} | } | ||
| - | + | #acc_menu li > #sub_menu { | |
height: 0; | height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 44: | Line 45: | ||
} | } | ||
| - | + | #acc_menu li:target > #sub_menu { | |
| - | height: | + | min-height: 75px; |
} | } | ||
| + | |||
| + | #acc_menu > li:hover > a, | ||
| + | #acc_menu > li:target > a { | ||
| + | color: #000; | ||
| + | background: #d9f5aa; | ||
| + | } | ||
| + | |||
| + | #sub_menu li:hover a { background: #d9f5aa; } | ||
</style> | </style> | ||
| - | <ul | + | <ul id="acc_menu"> |
| - | <li id="one"><a href="#">Art & Design</a> | + | <li id="one"><a href="#one">Art & Design</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 59: | Line 68: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="two"><a href="#two">Community Labs</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 67: | Line 76: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="three"><a href="#three">Entrepreneurship</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 75: | Line 84: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="four"><a href="#four">Measurement</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 83: | Line 92: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="five"><a href="#five">Microfluidics</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 91: | Line 100: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="six"><a href="#six">Policy & Practices</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
| Line 99: | Line 108: | ||
</li> | </li> | ||
| - | <li id=" | + | <li id="seven"><a href="#seven">Software</a> |
| - | <ul | + | <ul id="sub_menu"> |
<li><a href="#">Information</a> | <li><a href="#">Information</a> | ||
<li><a href="#">Track Committee</a> | <li><a href="#">Track Committee</a> | ||
Latest revision as of 20:04, 12 December 2013
