Team:elan vital korea
<style type="text/css"> /* Main menu settings */
- centeredmenu {
clear:both; float:left; margin:0; padding:0; border-bottom:1px solid #000; /* black line below menu */ width:100%; font-family:Verdana, Geneva, sans-serif; /* Menu font */ font-size:90%; /* Menu text size */ z-index:1000; /* This makes the dropdown menus appear above the page content below */ position:relative;
}
/* Top menu items */
- centeredmenu ul {
margin:0; padding:0; list-style:none; float:right; position:relative; right:50%;
}
- centeredmenu ul li {
margin:0 0 0 1px; padding:0; float:left; position:relative; left:50%; top:1px;
}
- centeredmenu ul li a {
display:block; margin:0; padding:.6em .5em .4em; font-size:1em; line-height:1em; background:#ddd; text-decoration:none; color:#444; font-weight:bold; border-bottom:1px solid #000;
}
- centeredmenu ul li.active a {
color:#fff; background:#000;
}
- centeredmenu ul li a:hover {
background:#36f; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #03f;
}
- centeredmenu ul li:hover a,
- centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
background:#36f; /* Top menu items background colour */ color:#fff; border-bottom:1px solid #03f;
}
/* Submenu items */
- centeredmenu ul ul {
display:none; /* Sub menus are hiden by default */ position:absolute; top:2em; left:0; right:auto; /*resets the right:50% on the parent ul */ width:10em; /* width of the drop-down menus */
}
- centeredmenu ul ul li {
left:auto; /*resets the left:50% on the parent li */ margin:0; /* Reset the 1px margin from the top menu */ clear:left; width:100%;
}
- centeredmenu ul ul li a,
- centeredmenu ul li.active li a,
- centeredmenu ul li:hover ul li a,
- centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
font-size:.8em; font-weight:normal; /* resets the bold set for the top level menu items */ background:#eee; color:#444; line-height:1.4em; /* overwrite line-height value from top menu */ border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
}
- centeredmenu ul ul li a:hover,
- centeredmenu ul li.active ul li a:hover,
- centeredmenu ul li:hover ul li a:hover,
- centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
background:#36f; /* Sub menu items background colour */ color:#fff;
}
/* Flip the last submenu so it stays within the page */
- centeredmenu ul ul.last {
left:auto; /* reset left:0; value */ right:0; /* Set right value instead */
}
/* Make the sub menus appear on hover */
- centeredmenu ul li:hover ul,
- centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
display:block; /* Show the sub menus */
} </style>