topical media & game development
basic-css-10-Tr-It-Out-example10-3-chokoloskee-island-style-sheets-menu-system.css / css
div#nav {
width: 50em;
text-align: center;
}
div#nav > a > img {
width: 16em;
height: auto;
}
div#nav > ul > li {
border: 0.05em solid black;
font-size: 0.9em;
}
div#nav > ul > li#leftedge {
border-right-width: 0;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
}
div#nav > ul > li#leftedge:hover {
-moz-border-radius-bottomleft: 0;
}
div#nav > ul > li#rightedge {
border-left-width: 0;
-moz-border-radius-topright: 1em;
-moz-border-radius-bottomright: 1em;
}
div#nav > ul > li#rightedge:hover {
-moz-border-radius-bottomright: 0;
}
ul.menu {
width: 15em;
-moz-border-radius-bottomleft: 1em;
-moz-border-radius-bottomright: 1em;
border: 0.05em solid black;
}
ul#food ul.menu {
-moz-border-radius-topleft: 1em;
}
ul#gifts ul.menu {
-moz-border-radius-topright: 1em;
}
ul.menu li {
color: black;
}
ul.menu a {
color: black;
display: block;
border: 0.05em solid lightblue;
}
ul.menu a:hover {
-moz-border-radius: 0.8em;
border: 0.05em solid black;
text-decoration: none;
}
(C) Æliens
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.