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;}