zoukankan      html  css  js  c++  java
  • 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

    {backgroundurl(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;}

  • 相关阅读:
    PE文件解析器的编写(二)——PE文件头的解析
    PE解析器的编写(一)——总体说明
    PE文件详解(九)
    PE文件详解(八)
    06_建造者模式
    05_模板方法模式
    04_抽象工厂模式
    03_简单工厂模式(静态工厂模式)
    02_工厂方法模式
    01_单例模式
  • 原文地址:https://www.cnblogs.com/wenjie/p/1389434.html
Copyright © 2011-2022 走看看