Revision 65fd2f64
Von Sven Schöling vor etwa 18 Jahren hinzugefügt
css/menuv3.css | ||
---|---|---|
width:100%;
|
||
float:left;
|
||
background:url(../image/bg_css_menu.png) repeat bottom;
|
||
border-width:1px 0 1px 1px;
|
||
border-style:solid;
|
||
border:1px solid;
|
||
border-color:#ccc #888 #555 #bbb;
|
||
}
|
||
|
||
#menu a, #menu h2, #menu div.x {
|
||
font:11px/16px arial,helvetica,sans-serif;
|
||
display:block;
|
||
border-width:0 1px 0 0;
|
||
border:0;
|
||
border-right:1px;
|
||
border-style:solid;
|
||
border-color:#ccc #888 #555 #bbb;
|
||
white-space:nowrap;
|
||
... | ... | |
|
||
#menu h2 {
|
||
color:#fff;
|
||
background:#000 url(../image/bg_css_menu.png) repeat bottom;
|
||
padding:0 5px;
|
||
}
|
||
|
||
#menu a {
|
||
background:#eee;
|
||
#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
|
||
color:#000;
|
||
text-decoration:none;
|
||
border-width:1px;
|
||
/*border-width:1px;*/
|
||
padding-right:10px;
|
||
}
|
||
|
||
#menu a, #menu a:visited {
|
||
color:#000;
|
||
#menu a {
|
||
background:#eee;
|
||
}
|
||
|
||
#menu div.x, #menu div.x:visited {
|
||
background:#eee url(../image/right.gif) no-repeat right;
|
||
}
|
||
|
||
#menu a:hover {
|
||
#menu a:hover, #menu div.x:hover {
|
||
color:#a00;
|
||
background:#ddd;
|
||
background-color:#ddd;
|
||
}
|
||
|
||
#menu a:active {
|
||
#menu a:active, #menu div.x:active {
|
||
color:#060;
|
||
background:#ccc;
|
||
background-color:#ccc;
|
||
}
|
||
|
||
#menu ul {
|
||
... | ... | |
|
||
#menu li {
|
||
position:relative;
|
||
float:none;
|
||
border:0;
|
||
}
|
||
|
||
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far */
|
||
#menu ul ul li {
|
||
border:solid;
|
||
border-width:0 0 1px 0;
|
||
}
|
||
|
||
#menu ul ul {
|
||
... | ... | |
file and this method */
|
||
|
||
div#menu h2:hover {
|
||
background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;
|
||
background:#A3C5FF;
|
||
color:#a00;
|
||
}
|
||
|
||
... | ... | |
{display:block;}
|
||
|
||
/* End of non-anchor hover selectors */
|
||
/*
|
||
ul {
|
||
list-style: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
/* Styling for Expand */
|
||
li {
|
||
float:left;
|
||
position:relative;
|
||
border:solid;
|
||
border-width:0px 0;
|
||
}
|
||
|
||
#menu a.x, #menu a.x:visited {
|
||
/*font-weight:bold;*/
|
||
color:#000;
|
||
background:#eee url(../image/right.gif) no-repeat right;
|
||
border-width:1px;
|
||
li#first {
|
||
border-left-width: 1em;
|
||
}
|
||
|
||
#menu a.x:hover {
|
||
color:#fff;
|
||
background-color:#000;
|
||
li#last {
|
||
border-right-width: 1em;
|
||
}
|
||
|
||
#menu a.x:active {
|
||
color:#060;
|
||
background-color:#ccc;
|
||
li ul {
|
||
display: none;
|
||
position: absolute;
|
||
top: 100%;
|
||
left: 0;
|
||
|
||
font-weight: normal;
|
||
background: url(images/ddbg3.gif) bottom left no-repeat;
|
||
padding: 0.5em 0 1em 0;
|
||
border-right: solid 1px #7d6340;
|
||
}
|
||
|
||
#menu div.x, #menu div.x:visited {
|
||
/*font-weight:bold;*/
|
||
border-width:1px;
|
||
color:#000;
|
||
background:#eee url(../image/right.gif) no-repeat right;
|
||
padding-right:10px;
|
||
li>ul {
|
||
top: auto;
|
||
left: auto;
|
||
}
|
||
|
||
#menu div.x:hover {
|
||
color:#a00;
|
||
background-color:#ddd;
|
||
li li {
|
||
display: block;
|
||
float: none;
|
||
background-color: transparent;
|
||
border: 0;
|
||
}
|
||
|
||
#menu div.x:active {
|
||
color:#060;
|
||
background-color:#ccc;
|
||
li:hover ul, li.over ul {
|
||
display: block;
|
||
}
|
||
|
||
hr {
|
||
display: none;
|
||
}
|
||
|
||
p {
|
||
clear: left;
|
||
background: url(images/remora.gif) center left no-repeat;
|
||
padding: 1em 1em 0 1em;
|
||
margin: 0;
|
||
}
|
||
*/
|
Auch abrufbar als: Unified diff
Fix 1 fuer IE6 bugs (bleiben noch 2)