301 lines
No EOL
6.3 KiB
CSS
301 lines
No EOL
6.3 KiB
CSS
/* TOP MENU */
|
|
.TopMenu ul.AspNet-Menu
|
|
{
|
|
width: 100%;
|
|
z-index: 500;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu ul
|
|
{
|
|
width: 10.5em;
|
|
left: 0;
|
|
top: 100%;
|
|
z-index: 501;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu ul ul
|
|
{
|
|
top: -0.3em;
|
|
z-index: 502;
|
|
}
|
|
|
|
.TopMenu li.AspNet-Menu-Leaf a, /* leaves */
|
|
.TopMenu li.AspNet-Menu-Leaf span
|
|
{
|
|
background-image: none !important;
|
|
}
|
|
|
|
/*
|
|
.TopMenu ul.AspNet-Menu li
|
|
{
|
|
width: 150px;
|
|
}
|
|
*/
|
|
|
|
.TopMenu ul.AspNet-Menu li a
|
|
{
|
|
color: #ffffff;
|
|
padding: 8px 15px 8px 15px;
|
|
text-align: center;
|
|
font-family: Tahoma;
|
|
font-size: 9pt;
|
|
border-right: solid 1px #71A9DE;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu li span
|
|
{
|
|
cursor: pointer;
|
|
color: #ffffff;
|
|
padding: 8px 25px 8px 15px;
|
|
background: transparent url(../Images/menu_popup.gif) right center no-repeat;
|
|
text-align: center;
|
|
font-family: Tahoma;
|
|
font-size: 9pt;
|
|
border-right: solid 1px #71A9DE;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu li:hover,
|
|
.TopMenu ul.AspNet-Menu li.AspNet-Menu-Hover
|
|
{
|
|
background-image: url(../Images/top_menu_hover_bkg.gif);
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu li:hover a,
|
|
.TopMenu ul.AspNet-Menu li:hover span
|
|
.TopMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
|
|
.TopMenu ul.AspNet-Menu li.AspNet-Menu-Hover span
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu li ul li
|
|
{
|
|
margin: 0px;
|
|
width: 100%;
|
|
}
|
|
|
|
.TopMenu ul.AspNet-Menu li ul li:hover,
|
|
.TopMenu ul.AspNet-Menu li ul li.AspNet-Menu-Hover
|
|
{
|
|
background-color: #D1E9FF;
|
|
background-image: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
|
|
{
|
|
border: solid 1px #3263BD;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a
|
|
{
|
|
padding: 6px 15px 6px 15px;
|
|
text-align: left;
|
|
border: none;
|
|
margin: 0px;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
|
|
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
|
|
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
|
|
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
|
|
.TopMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
|
|
{
|
|
margin: 1.0em 0 0 10.35em;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* LEFT MENU */
|
|
.LeftMenu
|
|
{
|
|
font-family: Verdana;
|
|
font-size: 8pt;
|
|
}
|
|
.LeftMenu ul
|
|
{
|
|
background-color: #D1E9FF;
|
|
}
|
|
|
|
.LeftMenu ul.AspNet-Menu
|
|
{
|
|
width: 190px;
|
|
}
|
|
|
|
.LeftMenu ul.AspNet-Menu ul,
|
|
.LeftMenu ul.AspNet-Menu ul ul
|
|
{
|
|
left: 190px;
|
|
top: -0.5em;
|
|
width: 190px;
|
|
z-index: 400;
|
|
border: solid 1px #86B9F7;
|
|
padding: 2px;
|
|
}
|
|
|
|
.LeftMenu li.AspNet-Menu-Leaf a, /* leaves */
|
|
.LeftMenu li.AspNet-Menu-Leaf span
|
|
{
|
|
background-image: none !important;
|
|
}
|
|
|
|
.LeftMenu ul.AspNet-Menu li a
|
|
{
|
|
color: #000000;
|
|
padding: 6px 15px 6px 7px;
|
|
text-align: left;
|
|
}
|
|
|
|
.LeftMenu ul.AspNet-Menu li span
|
|
{
|
|
cursor: pointer;
|
|
color: #333333;
|
|
padding: 6px 25px 6px 7px;
|
|
background: transparent url(../Images/menu_popup_right.gif) right center no-repeat;
|
|
text-align: left;
|
|
}
|
|
|
|
.LeftMenu ul.AspNet-Menu li:hover,
|
|
.LeftMenu ul.AspNet-Menu li.AspNet-Menu-Hover
|
|
{
|
|
background-image: url(../Images/left_menu_hover_bkg.gif);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
|
|
{
|
|
border: solid 1px #CCCCCC;
|
|
background-color: #F8F8F8;
|
|
}
|
|
|
|
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a
|
|
{
|
|
padding: 7px 15px 7px 15px;
|
|
text-align: left;
|
|
border: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
|
|
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
|
|
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
|
|
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
|
|
.LeftMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
|
|
{
|
|
margin: 1.0em 0 0 10.35em;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* TOP MENU */
|
|
.PopupMenu ul.AspNet-Menu
|
|
{
|
|
width: 100%;
|
|
z-index: 500;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu ul
|
|
{
|
|
left: 0;
|
|
top: 100%;
|
|
z-index: 501;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu ul ul
|
|
{
|
|
top: -0.3em;
|
|
z-index: 502;
|
|
}
|
|
|
|
.PopupMenu li.AspNet-Menu-Leaf a, /* leaves */
|
|
.PopupMenu li.AspNet-Menu-Leaf span
|
|
{
|
|
background-image: none !important;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li
|
|
{
|
|
/* width: 1em; */
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li a
|
|
{
|
|
color: #000000;
|
|
height: 12px;
|
|
width: 16px;
|
|
text-align: center;
|
|
font-family: Tahoma;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li span
|
|
{
|
|
cursor: pointer;
|
|
color: #000000;
|
|
height: 12px;
|
|
width: 16px;
|
|
background: transparent url(../Images/menu_popup2.gif) center center no-repeat;
|
|
text-align: center;
|
|
font-family: Tahoma;
|
|
font-size: 9pt;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li:hover,
|
|
.PopupMenu ul.AspNet-Menu li.AspNet-Menu-Hover
|
|
{
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li:hover a,
|
|
.PopupMenu ul.AspNet-Menu li:hover span
|
|
.PopupMenu ul.AspNet-Menu li.AspNet-Menu-Hover a,
|
|
.PopupMenu ul.AspNet-Menu li.AspNet-Menu-Hover span
|
|
{
|
|
color: #ffffff;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li ul li
|
|
{
|
|
margin: 0px;
|
|
}
|
|
|
|
.PopupMenu ul.AspNet-Menu li ul li:hover,
|
|
.PopupMenu ul.AspNet-Menu li ul li.AspNet-Menu-Hover
|
|
{
|
|
background-color: #D1E9FF;
|
|
background-image: none;
|
|
margin: 0px;
|
|
}
|
|
|
|
.PopupMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
|
|
{
|
|
border: solid 1px #3263BD;
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.PopupMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a
|
|
{
|
|
width: 160px;
|
|
padding: 6px 15px 6px 15px;
|
|
text-align: left;
|
|
border: none;
|
|
margin: 0px;
|
|
color: #000000;
|
|
}
|
|
|
|
/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
|
|
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
|
|
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
|
|
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
|
|
.PopupMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
|
|
{
|
|
margin: 1.0em 0 0 10.35em;
|
|
} |