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