styletreeview.css--页面菜单
此样式表用于修改页面菜单的显示样式
body { }
div.AspNet-TreeView {margin: 2px 0px 20px 0px;padding: 0;}
div.AspNet-TreeView ul { list-style: none; margin: 0px 0px 0px -20px; padding: 0;}
.AspNet-TreeView-Show { }
.AspNet-TreeView-Hide { display:none;}
div.AspNet-TreeView ul li
{padding: 3px 0 2px 0; }
div.AspNet-TreeView ul ul { margin: 2px 0 2px 10px;}
div.AspNet-TreeView ul li img
{border: none; vertical-align: middle; margin: 0 2px 0 0; }
div.AspNet-TreeView li a { margin-left: 3px; padding-left: 20px; text-decoration: none; }
div.AspNet-TreeView li.AspNet-TreeView-Root {}
div.AspNet-TreeView li.AspNet-TreeView-Parent {}
/*设定"页面菜单"左边距*/
div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 20px;}
div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer;}
/*下面这两句是设定页面菜单中有多层菜单时,打开或关闭子菜单所点击的图标,通常为加号或减号
margin-right-----设置子菜单文字的位置
margin-left -----设置打开或关闭菜单的图标的位置
*/
div.AspNet-TreeView .AspNet-TreeView-Collapse
{background: url(collapse.gif) 0 0 no-repeat; width:5px; margin-right:-20px; margin-left :15px;
float:left; cursor: pointer; }
div.AspNet-TreeView .AspNet-TreeView-Expand
{background: url(expand.gif) 0 0 no-repeat; width: 5px; margin-right: -20px;margin-left :15px;
float:left; cursor: pointer; }
div.AspNet-TreeView a,
div.AspNet-TreeView a:visited,
div.AspNet-TreeView a:active,
div.AspNet-TreeView a:link {color: #333;}
div.AspNet-TreeView a:hover { color:#EC981F;}
div.AspNet-TreeView .AspNet-TreeView-Selected a
{font-weight: bold !important;color: #EC981F !important;}
div.AspNet-TreeView .AspNet-TreeView-Selected ul a
{ font-weight: bold !important; color: #333 !important;}
/* 设定了子菜单的背景色、背景图片*/
li.AspNet-TreeView-Leaf,
li.AspNet-TreeView-Root ,
li.AspNet-TreeView-Selected ,
li.AspNet-TreeView-Parent
{
border-bottom: 1px solid #EFF0F1;
background: url(arrow.gif) no-repeat 3px 6px;
padding: 2px 5px 2px 20px;
}
/* 鼠标经过时左侧的橙色色带--去掉了*/
li.AspNet-TreeView-Selected ,
li.AspNet-TreeView-Leaf:hover,
li.AspNet-TreeView-Root:hover ,
li.AspNet-TreeView-Selected:hover ,
li.AspNet-TreeView-Parent:hover{}
li.AspNet-TreeView-Root { margin: 0px 0px 0px 20px; }
li.AspNet-TreeView-ParentSelected ,
li.AspNet-TreeView-Selected ul li.AspNet-TreeView-ParentSelected
{ margin: 0px 0px 0px 0px; }
li.AspNet-TreeView-Leaf img,
li.AspNet-TreeView-Root img {display:none;}
li.AspNet-TreeView-Leaf a,
li.AspNet-TreeView-Root a ,
li.AspNet-TreeView-Selected a ,
li.AspNet-TreeView-Parent a
{padding: 0px 0px 0px 10px;color: #333;}
