АНАТОМИЯ И ФИЗИОЛОГИЯ СЕРДЦА / scin / top-menu

/************** структура шаблона *****************
* id=menu_top - левое меню, описывается и в st.css
- id=top-menu-structure - div

Структура меню:
UL LI
UL LI
Ul LI /LI /UL
/LI /UL
/LI /UL

**************************************************
!!! все фоны должны находиться в папке pic !!!
**************************************************/

/************ Структура для меню ****************/
#menu_top{
vertical-align: Top;
padding: 2px 1px 1px 3px;
}
#top-menu-structure{}
/********* основное меню *****************/
#top-menu-structure ul{
list-style:none;
float:left;
}
#top-menu-structure li{
position: relative;
margin:1px;
}
#top-menu-structure li:hover{
cursor:pointer;
z-index:100;
}
#top-menu-structure li a{
border: 1px solid #FAFAFA;
padding: 2px 4px 2px 4px;
font-size: 9pt;
display:block;
color: #FAFAFA;
text-decoration: none;
white-space: nowrap;
font-weight: bold;
}
#top-menu-structure li a#top-current{
background-color: #50b42d;
color: #FAFAFA;
}
#top-menu-structure li a:hover{
background-color: #FAFAFA;
color: #50b42d;
}
/********* подменю 1 уровня *****************/
#top-menu-structure ul ul{
background-color: #008284;
position: absolute;
top: 20px;
left: -2px;
display: none;
width: 170px;
border: 0;
padding: 1px;
}
#top-menu-structure ul ul li{}
#top-menu-structure ul ul a{
font: 9pt;
display:block;
border: 1px solid #FAFAFA;
background-color: #50b42d;
color: #FAFAFA;
text-align: right;
padding: 3px 4px 3px 4px;
text-decoration: none;
}
#top-menu-structure ul ul a:hover{
background-color: #50b42d;
color: #FAFAFA;
text-decoration: underline;
}
#top-menu-structure ul ul a#top-current{
text-decoration: underline;
}
/********* подменю 2 уровня *****************/
#top-menu-structure ul ul ul{
top: -2px;
left: 100%;
width: 180px;
}
#top-menu-structure ul ul ul li{}
#top-menu-structure ul ul ul a{}
#top-menu-structure ul ul ul a:hover{}
#top-menu-structure ul ul ul a#top-current{}
/*************** НЕ МЕНЯЕМОЕ ****************/
/* Fix IE. Hide from IE Mac \*/
* html #top-menu-structure ul li { float: left; height: 1%; }
* html #top-menu-structure ul li a { height: 1%; }
* html #top-menu-structure ul.one{width: 10px;}
/* End */
#top-menu-structure li:hover ul ul,
#top-menu-structure li li:hover ul ul
{display:none;}

#top-menu-structure li:hover ul,
#top-menu-structure li li:hover ul
{display:block;}