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

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

.free - элементы меню без подменю
.closed - закрытые элементы меню
.open - открытый пункт меню

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

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

/************ Структура для меню ****************/
#menu_right{}
#divMenuBarRight{}
#right-swap-menu {
width: 170px;
}
/********* основное меню *****************/
#right-swap-menu ul{
list-style-type: none;
margin: 0 0 0 2px;
}
#right-swap-menu li{
padding: 1px;
}
#right-swap-menu li a{
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 2px 0px 2px 16px;
font-size: 10pt;
color: #50b42d;
font-weight: bold;
text-decoration: none;
display: block;
}
#right-swap-menu li a:hover{
text-decoration: underline;
}
#right-swap-menu li a#right-current{
text-decoration: underline;
}
#right-swap-menu .free a {
background-image: url(pic/pagemarker.gif);
}
#right-swap-menu .closed a {
background-image: url(pic/fclosed.gif);
}
#right-swap-menu .open a {
background-image: url(pic/fopen.gif);
}
#right-swap-menu .free a:hover {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu .closed a:hover {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu .open a:hover {
background-image: url(pic/fopen2.gif);
}
#right-swap-menu .free a#right-current {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu .closed a#right-current {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu .open a#right-current {
background-image: url(pic/fopen2.gif);
}
/********* подменю 1 уровня *****************/
#right-swap-menu li ul{}
#right-swap-menu li li{
margin: 0 0 0 13px;
}
#right-swap-menu li li a{}
#right-swap-menu li li a:hover{
text-decoration: underline;
}
#right-swap-menu li li a#right-current{
text-decoration: underline;
}
#right-swap-menu li .free a {
background-image: url(pic/pagemarker.gif);
}
#right-swap-menu li .closed a {
background-image: url(pic/fclosed.gif);
}
#right-swap-menu li .open a {
background-image: url(pic/fopen.gif);
}
#right-swap-menu li .free a:hover {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu li .closed a:hover {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu li .open a:hover {
background-image: url(pic/fopen2.gif);
}
#right-swap-menu li .free a#right-current {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu li .closed a#right-current {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu li .open a#right-current {
background-image: url(pic/fopen2.gif);
}

/********* подменю 2 уровня *****************/
#right-swap-menu li li ul{}
#right-swap-menu li li li{
margin: 0 0 0 13px;
}
#right-swap-menu li li li a{}
#right-swap-menu li li li a:hover{
text-decoration: underline;
}
#right-swap-menu li li li a#right-current{
text-decoration: underline;
}
#right-swap-menu li li .free a {
background-image: url(pic/pagemarker.gif);
}
#right-swap-menu li li .closed a {
background-image: url(pic/fclosed.gif);
}
#right-swap-menu li li .open a {
background-image: url(pic/fopen.gif);
}
#right-swap-menu li li .free a:hover {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu li li .closed a:hover {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu li li .open a:hover {
background-image: url(pic/fopen2.gif);
}
#right-swap-menu li li .free a#right-current {
background-image: url(pic/pagemarker2.gif);
}
#right-swap-menu li li .closed a#right-current {
background-image: url(pic/fclosed2.gif);
}
#right-swap-menu li li .open a#right-current {
background-image: url(pic/fopen2.gif);
}
/*************** НЕ МЕНЯЕМОЕ ****************/
#right-swap-menu .open ul{display:block;}
#right-swap-menu .closed ul,#right-swap-menu li .closed ul,#right-swap-menu li li .closed ul,{display:none;}