skin_green.css 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. 
  2. /*头部导航*/
  3. .sp-wrapper-head{background-color:#217446 !important;color:#fff;}
  4. .sp-wrapper-head-col-span{color:#c9e2d3;}
  5. .sp-wrapper-head-col:hover{background-color:#1d683f !important; color:#fff;}
  6. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span{color:#fff;}
  7. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span i{color:#fff;}
  8. .sp-wrapper-head .sp-wrapper-head-sub a:hover{color:#049e6a;}
  9. /*主标题*/
  10. .sp-wrapper-head-title{color:#fff;}
  11. /*左侧菜单上部折叠的开关*/
  12. .sp-leftmenu .sp-leftmenu-switch{background-color:#f7f7f7;}
  13. .sp-leftmenu .sp-leftmenu-switch i{color:#333;}
  14. /*左侧*/
  15. .sp-wrapper-left{background-color:#fff;}
  16. .sp-leftmenu{background-color:#fff; border-right:1px solid #ddd;}
  17. .sp-leftmenu ul li .sp-leftmenu-active{background-color:#fff !important;border-left:none;color:#049e6a;border-bottom:1px solid #f5f5f5;}/*#fb9e1d*/
  18. .sp-leftmenu ul li .sp-leftmenu-active i{color:#049e6a !important;}
  19. .sp-leftmenu ul li .sp-leftmenu-active:hover{color:#049e6a;}
  20. /*一级one 二级two 三级three 四级four 五级five*/
  21. .sp-leftmenu .sp-leftmenu-first>a{background-color:#fff;color:#222222; border-bottom:1px solid #f5f5f5; /*border-bottom:1px solid #e7e7e7;*/}
  22. .sp-leftmenu .sp-leftmenu-first>a:hover{background-color:#f3f9f7;color:#093;}
  23. .sp-leftmenu .sp-leftmenu-second>a{background-color:#f4f3f3;color:#222; border-bottom:1px solid #ebe5e5; /*border-bottom:1px solid #cbcbcb;*/}
  24. .sp-leftmenu .sp-leftmenu-second>a:hover{color:#049e6a !important;background-color:#f4f3f3;}
  25. .sp-leftmenu .sp-leftmenu-third>a{background-color:#efeded;color:#222;border-bottom:1px solid #eae8e8;}
  26. .sp-leftmenu .sp-leftmenu-third>a:hover{background-color:#efeded;color:#049e6a !important;}
  27. .sp-leftmenu .sp-leftmenu-fourth>a{background-color:#e8e5e5;border-bottom:1px solid #cbcbcb;color:#222;}
  28. .sp-leftmenu .sp-leftmenu-fourth>a:hover{background-color:#e8e5e5;color:#049e6a !important; }
  29. .sp-leftmenu .sp-leftmenu-fifth>a{background-color:#e0dddd;color:#222;}
  30. .sp-leftmenu .sp-leftmenu-fifth>a:hover{color:#049e6a !important; }
  31. .sp-leftmenu .leftmenuClick{color:#049e6a !important;}
  32. /**折叠的情况**/
  33. .sp-leftmenu-fold .sp-leftmenu-first>a:hover .sp-leftmenu-ltitle{position:absolute;display:block !important;width:100px;text-indent:2px;line-height:38px;background-color:#f3f9f7;box-shadow:2px 0 5px #aaa; margin-left:39px;z-index:30;}