Tweak to (unused in default theme) mainmenu.css to detect the menu

This commit is contained in:
str4d
2012-12-14 22:00:12 +00:00
parent b6809fd093
commit 96df337345

View File

@@ -16,7 +16,7 @@
/*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
#cssmenu {
position:relative; /* establish a menu-relative positioning context */
float:left; /* play nicely with others */
margin:0;
@@ -25,17 +25,17 @@
height:24px; /* the menu's overall height */
}
.menu img {
#cssmenu img {
vertical-align: top; /* prevent images from being pushed down by text */
}
.menu ul {
#cssmenu ul {
margin:0;
list-style-type:none; /* we don't want to view the list as a list */
line-height:1.5em; /* globally set the menu's item spacing. note */
} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu li {
#cssmenu li {
float:left; /* this creates the side-by-side array of top-level buttons */
position:relative; /* create local positioning contexts for each button */
margin:0;
@@ -62,13 +62,13 @@
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
#cssmenu ul li ul {
display:none; /* initially hide the entire list hierarchy */
padding:1px; /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited { /* unselected top-level menu items */
#cssmenu ul li a,
#cssmenu ul li a:visited { /* unselected top-level menu items */
display:block;
float:left;
text-decoration:none;
@@ -77,8 +77,8 @@
/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul,
.menu ul li a:hover ul { /* 2nd level drop-down box */
#cssmenu ul li:hover ul,
#cssmenu ul li a:hover ul { /* 2nd level drop-down box */
display:block;
position:absolute;
margin:0;
@@ -90,29 +90,29 @@
background:black; /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
#cssmenu ul li:hover ul.leftbutton,
#cssmenu 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 */
#cssmenu ul li:hover ul.skinny,
#cssmenu 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 */
#cssmenu ul.rightmenu li:hover ul,
#cssmenu 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 */
width:400px; /* with a 12px default font, this is 228px width (228/12) */
}
* html .menu ul.rightmenu li a:hover ul { /* IE5/6 needs a tweak here */
* html #cssmenu 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 */
#cssmenu ul li:hover ul li a,
#cssmenu ul li a:hover ul li a { /* 2nd level unselected items */
border:0;
margin:0;
padding:0;
@@ -122,28 +122,28 @@
width:13.5em;
}
.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover { /* 2nd level selected item */
#cssmenu ul li:hover ul li:hover a,
#cssmenu 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 */
#cssmenu ul li:hover ul.skinny li a,
#cssmenu ul li a:hover ul.skinny li a,
#cssmenu ul li:hover ul.skinny li a:hover,
#cssmenu ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
width:8.08333em;
}
/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul { /* hide inactive 3rd-level menus */
#cssmenu ul li:hover ul li ul,
#cssmenu ul li a:hover ul li a ul { /* hide inactive 3rd-level menus */
visibility:hidden;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
#cssmenu ul li:hover ul li:hover ul,
#cssmenu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
visibility:visible;
position:absolute;
margin-top:-1px; /* bring the top edge of the 3rd level menu up one */
@@ -152,14 +152,14 @@
width:14em;
}
.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
#cssmenu ul li:hover ul li:hover ul li a,
#cssmenu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
width:14em;
background:#d8d8d8;
}
.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
#cssmenu ul li:hover ul li:hover ul li a:hover,
#cssmenu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
width:14em;
background:white;
}