"
User:Vinoo/AccordionMenu
From 2014.igem.org
< User:Vinoo(Difference between revisions)
m |
m |
||
| (3 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 { | |
| - | min-height: | + | min-height: 75px; |
} | } | ||
| - | + | #acc_menu > li:hover > a, | |
| - | + | #acc_menu > li:target > a { | |
| - | + | color: #000; | |
| - | + | background: #d9f5aa; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | color: # | + | |
| - | background: # | + | |
} | } | ||
| - | + | #sub_menu li:hover a { background: #d9f5aa; } | |
</style> | </style> | ||
| - | <ul | + | <ul id="acc_menu"> |
<li id="one"><a href="#one">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 74: | Line 69: | ||
<li id="two"><a href="#two">Community Labs</a> | <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 82: | Line 77: | ||
<li id="three"><a href="#three">Entrepreneurship</a> | <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 90: | Line 85: | ||
<li id="four"><a href="#four">Measurement</a> | <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 98: | Line 93: | ||
<li id="five"><a href="#five">Microfluidics</a> | <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 106: | Line 101: | ||
<li id="six"><a href="#six">Policy & Practices</a> | <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 114: | Line 109: | ||
<li id="seven"><a href="#seven">Software</a> | <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
