"
Team:Tokyo-NoKoGen/css
From 2010.igem.org
(Difference between revisions)
| Line 133: | Line 133: | ||
} | } | ||
| + | |||
| + | /*======================== 2ND LEVEL MENU DEFINITIONS ========================*/ | ||
| + | |||
| + | .menu ul li:hover ul, | ||
| + | .menu ul li a:hover ul { /* 2nd level drop-down box */ | ||
| + | display:block; | ||
| + | position:absolute; | ||
| + | margin:0; | ||
| + | top:22px; /* place us just up underneath the top-level images */ | ||
| + | left:8px; /* left-align our drop-down to the previous button border */ | ||
| + | height:auto; /* the drop-down height will be determiend by line count */ | ||
| + | width:14em; | ||
| + | color:black; /* this sets the unselected-text color */ | ||
| + | background:#ffffff; /* this sets our menu's effective "border" color */ | ||
| + | font-size:12px; /* this (and also below) sets the menu's font size */ | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | .menu ul li:hover ul.leftbutton, | ||
| + | .menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */ | ||
| + | left:0px; | ||
| + | } | ||
| + | |||
| + | .menu ul li:hover ul.skinny, | ||
| + | .menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */ | ||
| + | width:8.08333em; /* with a 12px default font, this is 97px width (97/12) */ | ||
| + | } | ||
| + | |||
| + | .menu ul.rightmenu li:hover ul, | ||
| + | .menu ul.rightmenu li a:hover ul { /* 2nd level neighborhood drop-down box */ | ||
| + | left:auto; | ||
| + | right:0; /* nudge the right menu right to line up under the border */ | ||
| + | } | ||
| + | |||
| + | * html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */ | ||
| + | right:-1px; | ||
| + | } | ||
| + | |||
| + | .menu ul li:hover ul li a, | ||
| + | .menu ul li a:hover ul li a { /* 2nd level unselected items */ | ||
| + | border:0; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | height:auto; | ||
| + | color:#000000; /* this sets the unselected drop-down text color */ | ||
| + | background:#838d84; /* this sets the drop-down menu background color */ | ||
| + | width:14em; | ||
| + | } | ||
| + | |||
| + | .menu ul li:hover ul li:hover a, | ||
| + | .menu ul li a:hover ul li a:hover { /* 2nd level selected item */ | ||
| + | color:black; | ||
| + | background:white; | ||
| + | } | ||
| + | |||
| + | .menu ul li:hover ul.skinny li a, | ||
| + | .menu ul li a:hover ul.skinny li a, | ||
| + | .menu ul li:hover ul.skinny li a:hover, | ||
| + | .menu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */ | ||
| + | width:8.08333em; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 10:57, 25 October 2010
