Styletreeview.css-page menu

This style sheet is used to modify the display style of the page menu.

 

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

 

/* Set the left margin of the "Page menu */

Div. ASPnet-Treeview Li. ASPnet-Treeview-leaf {margin-left: 20px ;}

 

Div. ASPnet-Treeview. ASPnet-Treeview-clickablenonlink {cursor: pointer ;}

 

/* The following two sentences indicate the icon that is clicked to open or close the sub-menu when there are multiple menus in the page menu, usually the plus sign or minus sign.

Margin-right ----- set the position of the sub-menu text

Margin-left ----- set the icon position for opening or closing a menu

 

*/

Div. ASPnet-Treeview. ASPnet-Treeview-collapse

{Background: url(collapse.gif) 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 no-Repeat; width: 5px; margin-Right:-20px; margin-left: 15px;

Float: Left; cursor: pointer ;}

 

Div. ASPnet-Treeview,

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

{Font-weight: bold! Important; color: # ec981f! Important ;}

Div. ASPnet-Treeview. ASPnet-Treeview-selected ul

{Font-weight: bold! Important; color: #333! Important ;}

 

/* Set the background color and background image of the sub-menu */

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;

}

/* The orange color on the left when the mouse goes by -- removed */

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,

Li. ASPnet-Treeview-root,

Li. ASPnet-Treeview-selected,

Li. ASPnet-Treeview-parent

{Padding: 0px 0px 0px 10px; color: #333 ;}