kytv/I2P_Website
1
0
Fork 0
forked from I2P_Developers/i2p.www
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
str4d
2012-12-14 22:00:12 +00:00
parent b6809fd093
commit 96df337345
1 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
i2p2www/static/styles/mainmenu.css
View File

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