skin_gray.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. 
  2. /*头部导航*/
  3. .sp-wrapper-head{background-color:#394d6b;color:#fff;}/*3C3D46*//*#90a7bd*/
  4. .sp-wrapper-head-col:hover{background-color:#334661 !important; color:#f2b866;}
  5. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span{color:#f2b866;}
  6. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span i{color:#f2b866;}
  7. .sp-wrapper-head .sp-wrapper-head-sub a:hover{color:#333;}
  8. /*主标题*/
  9. .sp-wrapper-head .sp-wrapper-head-title{ color:#f2b866;}
  10. /*左侧菜单上部折叠的开关*/
  11. .sp-leftmenu .sp-leftmenu-switch{background-color:#445673;}
  12. .sp-leftmenu .sp-leftmenu-switch i{color:#bbb;}
  13. .sp-leftmenu .sp-leftmenu-switch i:hover{color:#fff;}
  14. /*左侧*/
  15. .sp-wrapper-left{background-color:#3a4a63;}
  16. .sp-leftmenu{background-color:#3a4a63;}
  17. .sp-leftmenu ul li .sp-leftmenu-active{background-color:#3a4a63 !important;border-left:none;color:#fb9e1d;border-bottom:none;}/*#fb9e1d*/
  18. .sp-leftmenu ul li .sp-leftmenu-active i{color:#fb9e1d !important;}
  19. .sp-leftmenu ul li .sp-leftmenu-active:hover{color:#fb9e1d;}
  20. /*一级one 二级two 三级three 四级four 五级five*/
  21. .sp-leftmenu .sp-leftmenu-first>a{background-color:#3a4a63;color:#ccc;border-bottom:none;}
  22. .sp-leftmenu .sp-leftmenu-first>a:hover{background-color:#3a4a63;color:#fff;}
  23. .sp-leftmenu .sp-leftmenu-second>a{background-color:#40516c;color:#ccc;border-bottom:none;}
  24. .sp-leftmenu .sp-leftmenu-second>a:hover{color:#fff;background-color:#40516c;}
  25. .sp-leftmenu .sp-leftmenu-third>a{background-color:#445673;color:#ccc;border-bottom:none;}
  26. .sp-leftmenu .sp-leftmenu-third>a:hover{background-color:#445673;color:#fff;}
  27. .sp-leftmenu .sp-leftmenu-fourth>a{background-color:#495d7c;border-bottom:none;color:#ddd;}
  28. .sp-leftmenu .sp-leftmenu-fourth>a:hover{background-color:#495d7c;color:#fff; }
  29. .sp-leftmenu .sp-leftmenu-fifth>a{background-color:#4f6384;color:#ddd;}
  30. .sp-leftmenu .sp-leftmenu-fifth>a:hover{color:#fff; }
  31. .sp-leftmenu .leftmenuClick{color:#f2b866 !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:#35455e;margin-left:39px;z-index:30;}