"
Team:Tokyo-NoKoGen/css
From 2010.igem.org
(Difference between revisions)
m |
|||
| (8 intermediate revisions not shown) | |||
| Line 101: | Line 101: | ||
.drop { | .drop { | ||
display:block; | display:block; | ||
| - | padding:0px . | + | padding:0px .1em; /* this sets the l/r margins for our menu item */ |
margin:0; | margin:0; | ||
text-align:right; /* this right alignment goes with the float:left below */ | text-align:right; /* this right alignment goes with the float:left below */ | ||
| Line 151: | Line 151: | ||
position:absolute; | position:absolute; | ||
margin:0; | margin:0; | ||
| - | top: | + | top:15px; /* place us just up underneath the top-level images */ |
left:0px; /* left-align our drop-down to the previous button border */ | left:0px; /* left-align our drop-down to the previous button border */ | ||
height:auto; /* the drop-down height will be determiend by line count */ | height:auto; /* the drop-down height will be determiend by line count */ | ||
| - | width: | + | width:12em; |
color:black; /* this sets the unselected-text color */ | color:black; /* this sets the unselected-text color */ | ||
background:#00ccff; /* this sets our menu's effective "border" color */ | background:#00ccff; /* this sets our menu's effective "border" color */ | ||
| Line 168: | Line 168: | ||
.menu ul li:hover ul.skinny, | .menu ul li:hover ul.skinny, | ||
.menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */ | .menu ul li a:hover ul.skinny { /* 2nd level skinny drop-down box */ | ||
| - | width: | + | width:14em; /* with a 12px default font, this is 97px width (97/12) */ |
} | } | ||
| Line 257: | Line 257: | ||
} | } | ||
| + | |||
a.menu { | a.menu { | ||
color: #000000; | color: #000000; | ||
| - | width: | + | width: 10em; |
} | } | ||
Latest revision as of 09:27, 27 October 2010
