From 2012.igem.org
(Difference between revisions)
|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| | <title>Menu</title> | | <title>Menu</title> |
| - |
| |
| - | <style type="text/css">
| |
| - | #menu, #menu ul {
| |
| - | list-style:none;
| |
| - | padding:0;
| |
| - | margin:0;
| |
| - | }
| |
| - | #menu li {
| |
| - | float:left;
| |
| - | position:relative;
| |
| - | line-height: 4.5em;
| |
| - | width: 10em;
| |
| - | }
| |
| - | #menu li ul {
| |
| - | position:absolute;
| |
| - | margin-top:-1em;
| |
| - | margin-left:.5em;
| |
| - | display:none;
| |
| - | }
| |
| - | #menu ul li ul {
| |
| - | margin-top:-3em;
| |
| - | margin-left:7em;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #menu a {
| |
| - | display:block;
| |
| - | border-right:1px solid #fff;
| |
| - | background:#E0F574;
| |
| - | color:#3B3B3B;
| |
| - | text-decoration:none;
| |
| - | padding:0 10px;
| |
| - | }
| |
| - | #menu a:hover {
| |
| - | background-color:#5798B4;
| |
| - | color:#fff;
| |
| - | }
| |
| - | #menu ul {
| |
| - | border-top:1px solid #fff;
| |
| - | }
| |
| - | #menu ul a {
| |
| - | border-right:none;
| |
| - | border-right:1px solid #fff;
| |
| - | border-bottom:1px solid #fff;
| |
| - | border-left:1px solid #fff;
| |
| - | background:#AEC245;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* SHOW SUBMENU 1 */
| |
| - | #menu li:hover ul, #menu li.over ul {
| |
| - | display:block;
| |
| - | }
| |
| - | #menu li:hover ul ul, #menu li.over ul ul {
| |
| - | display:none;
| |
| - | }
| |
| - | /* SHOW SUBMENU 2 */
| |
| - | #menu ul li:hover ul, #menu ul li.over ul {
| |
| - | display:block;
| |
| - | }
| |
| - | </style>
| |
| | | | |
| | <body> | | <body> |
Revision as of 01:29, 27 October 2012
Menu
"
