"
User:Avdmeers/wiki/dropdown.css
From 2008.igem.org
< User:Avdmeers | wiki
Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.
#header ul#ddNav {
list-style: none;
margin: 0;
padding: 0;
background-color: transparent;
}
#header ul#ddNav li {
padding: 0;
}
#ddNav li {
position: relative;
float: left;
margin: 0 2px 0 0;
width: auto;
height: auto;
}
#ddNav li:last-child {margin: 0;}
#ddNav li a {
display: block;
margin: 0;
padding: 5px 20px;
color: #fff;
font: bold small "Trebuchet MS", Arial, Sans-serif;
background: #45a2b5 url(https://static.igem.org/mediawiki/2008/9/99/Round-chamfer-10px.png) no-repeat right top;
text-decoration: none;
}
#ddNav li a:active {outline: none;}
#ddNav li a:focus {-moz-outline-style: none;}
#ddNav li a:hover {
background-color: #075a90;
}
#ddNav li div {
display: none;
position: absolute;
width: 12em;
border: 1px solid #45a2b5;
opacity: 0.94;
filter: alpha(opacity=94);
}
#ddNav li div a {
display: block;
padding: 5px 10px;
background: #fff;
color: #333;
font: normal 11px Arial, Helvetica, Sans-serif;
text-align: left;
border-bottom: 1px solid #f5f5f0;
}
#ddNav li div a:hover {
color: #000;
background-color: #e5e5e0;
}
#ddNav li span a:first-child {cursor: default;}
#ddNav li span div {
position: relative;
border: none;
border-bottom: 2px solid #99aaff;
opacity: 1.0;
filter: alpha(opacity=100);
}
#ddNav li span div a {padding-left: 15px;}
#ddNav li span div span div a {padding-left: 25px;}
#ddNav a.expand {
background-image: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png');
background-repeat: no-repeat;
background-position: 95% 50%;
}
#ddNav a.collapse {
background-image: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png');
background-repeat: no-repeat;
background-position: 95% 50%;
}
