WebRoot/admin/css/skin_/nav.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

#bd{ padding-left:203px;}
/*左侧栏*/
.sidebar{ position:relative; float:left; width:203px; height:100%; margin-left:-203px;width:203px;}
.sidebar a:hover{ text-decoration:none;}
.sidebar .sidebar-bg{ position:absolute; width:4px; right:0; top:0; bottom:0;background:url(../../img/skin_/leftbg.png) repeat-y right; z-index:2;}
.sidebar .sidebar-hide{ position:absolute; top:7px; right:0; width:19px; height:26px; background:url(../../img/skin_/toleft.png); cursor:pointer; z-index:1;}
.sidebar h2{ height:40px; line-height:40px; background:url(../../img/skin_/leftmenubg.png) repeat-x;}
.sidebar h2 a{ display:block;}
.sidebar h2 a .h2-icon{float:left;margin:15px 0 0 10px; width:12px; height:12px; background:url(../../img/skin_/lefticon.png);}
.sidebar h2 a:hover .h2-icon{background:url(../../img/skin_/left_tree.png);}
.sidebar h2 a span{ color:#fff; font-size:14px;margin-left:11px;}
.sidebar .nav{ padding-bottom:2px; *padding-bottom:0;background:url(../../img/skin_/leftyy.png) repeat-x bottom;}
.sidebar .nav .nav-li{*height:36px;*margin-bottom:-5px;}
.sidebar .nav .nav-li>a{ display:block;*margin-bottom:-4px;height:36px; line-height:36px; background:url(../../img/skin_/leftmenubg1.png) repeat-x;}
.sidebar .nav .last-nav-li+a{ background:url(../../img/skin_/lastnavbg.png) repeat-x;}
.sidebar .nav .nav-li.current{*height:auto;*margin-bottom:0;}
.sidebar .nav .nav-li.current>a{ background:url(../../img/skin_/mbbg.png) repeat-x;}
.sidebar .nav .nav-li>a .nav-ivon{ float:left; margin:13px 0 0 12px; width:9px; height:9px; background:url(../../img/skin_/leftmenu.png) no-repeat center center;}
.sidebar .nav .nav-li.current>a .nav-ivon{ background:url(../../img/skin_/leftmenu1.png) no-repeat center center;}
.sidebar .nav .nav-li>a .nav-text{ float:left; margin-left:11px; color:#4a4a4a; font-size:14px;}
.sidebar .nav .nav-li.current>a .nav-text{ color:#047db6; font-weight:bold;}
.sidebar .nav .nav-li .subnav{  padding:9px 0 12px 0; background:url(../../img/skin_/leftyy.png) repeat-x top; display:none;}
.sidebar .nav .nav-li.current .subnav{display:block;}
.sidebar .nav .nav-li .subnav li a{ display:block; height:30px; line-height:30px; border-left:3px solid #fff; color:#000;}
.sidebar .nav .nav-li .subnav li.current a{ border-left:3px solid #f24a39; background:#38a3d5; color:#fff;}
.sidebar .nav .nav-li .subnav li.current a:hover span{color:#fff;}
.sidebar .nav .nav-li .subnav li a .subnav-icon{ float:left; margin:7px 8px 0 31px; width:12px; height:15px; background:url(../../img/skin_/leftlist.png);}
.sidebar .nav .nav-li .subnav li a:hover{text-decoration:none;}

.sidebar .nav .nav-li.current .subnav{border-bottom:1px solid #E5E5E5;}
.sidebar .nav .nav-li.last-nav-li {*margin-bottom:0;*height:34px;}
.sidebar .nav .nav-li.last-nav-li.current{*height:auto;}
.sidebar .nav .nav-li.last-nav-li.current .subnav{border-bottom:none;}
/*二级菜单样式*/
.sidebar .nav .nav-li .subnav-li:hover .subnav-text{color:#047db6; font-weight:bold;}

/*页面主体*/
.main{ position:relative; padding-top:8px;}
.main .title{ position:relative; border-bottom:1px solid #d7d7d7;height:31px; }
/*更多tab*/
.main .title .tab-more{display:none;float:left;margin:8px 0 0 5px;width:15px;height:14px;background:url(../../img/skin_/switch-system/tabright.png); cursor:pointer;}
.main .title .tab-more:hover,.main .tab-more.active{background:url(../../img/skin_/switch-system/tabrighthover.png);}
.main .title .sidebar-show{ float:left; width:15px; height:25px; background:url(../../img/skin_/toright.png); display:none; cursor:pointer;}
.tab-close{float:right; width:17px; height:17px; background:url(../../img/skin_/close2.png); cursor:pointer; margin:4px 14px 0 0;}
.tab-close:hover{ background:url(../../img/skin_/close2.png) -17px 0;}
.main .tab{ float:left; padding-left:7px;}
.main .tab li{ float:left; margin-right:4px;}
.main .tab li a{ display:block; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background:url(../../img/skin_/tab1.png) repeat-x; border-radius:3px 3px 0 0;}
.main .tab li a:hover{ text-decoration:none;}
.main .tab li.current a{ background:url(../../img/skin_/tab2.png) repeat-x;}
.main .tab li a span{ float:left; height:32px; line-height:32px;/* width:73px; */text-align:center; color:#000;padding:0 20px;}
.main .tab li.current a span{ color:#37a8dd; font-weight:bold;}

.main .tab li a .close-tab{float:left; width:12px; height:12px; background:url(../../img/skin_/close.png); margin:9px 3px 0 6px;}
.main .tab li.current a .close-tab{}
/*关闭hover状态*/
.main .tab li a .close-tab:hover{background:url(../../img/skin_/hoverclose.png);}

/*更多tab样式*/
.more-bab-list{ display:none;position:absolute;top:39px;left:250px;border-top:1px solid #d7d7d7;}