Template:Team:UIUC-Illinois/Sandbox/CSS
From 2010.igem.org
(Difference between revisions)
(New page: <html> #menu { width: 12em; background: #eee; } </html>) |
|||
(34 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <style type=text/css> | ||
#menu { | #menu { | ||
width: 12em; | width: 12em; | ||
- | background: # | + | background: #336699; |
} | } | ||
+ | #menu ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #menu a, #menu h2 { | ||
+ | font: bold 11px/16px arial, helvetica, sans-serif; | ||
+ | display: block; | ||
+ | border-width: 5px; | ||
+ | border-style: solid; | ||
+ | border-color: #ccc #888 #555 #bbb; | ||
+ | margin: 0; | ||
+ | padding: 2px 3px; | ||
+ | } | ||
+ | |||
+ | #menu h2 { | ||
+ | color: #fff; | ||
+ | background: #000; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | |||
+ | #menu a { | ||
+ | color: #000; | ||
+ | background: #efefef; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #menu a:hover { | ||
+ | color: #336699; | ||
+ | background: #fff; | ||
+ | } | ||
+ | |||
+ | #menu ul ul ul { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #menu li {position: relative;} | ||
+ | |||
+ | div#menu ul ul ul, | ||
+ | div#menu ul ul li:hover ul ul | ||
+ | {display: none;} | ||
+ | |||
+ | div#menu ul ul li:hover ul, | ||
+ | div#menu ul ul ul li:hover ul | ||
+ | {display: block;} | ||
+ | |||
+ | </style> | ||
</html> | </html> |
Latest revision as of 21:38, 22 June 2010