skin_black.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. 
  2. /*头部导航*/
  3. .sp-wrapper-head{background-color:#424242 !important;color:#f4f4f4;}/*3C3D46*//*00cdb1*/
  4. .sp-wrapper-head .sp-wrapper-head-col{border-left:1px solid #625a5a;}
  5. .sp-wrapper-head-col:hover{background:#333 !important;}
  6. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span{color:#00bcf2 !important;}
  7. .sp-wrapper-head-col:hover .sp-wrapper-head-col-span i{color:#00bcf2 !important;}
  8. .sp-wrapper-head .sp-wrapper-head-sub i{color:#333;}
  9. /*主标题*/
  10. .sp-wrapper-head .sp-wrapper-head-left .sp-wrapper-head-title{ color:#00bcf2;}
  11. /*左侧*/
  12. .sp-wrapper-left{background-color:#282822 !important;}
  13. .sp-leftmenu .sp-leftmenu-switch i{color:#bbb;}
  14. .sp-leftmenu .sp-leftmenu-switch:hover i{color:#fff;}
  15. .sp-leftmenu{background-color:#282822;}
  16. .sp-leftmenu ul li .sp-leftmenu-active{background-color:#292924 !important;border-left:none;color:#00bcf2;}
  17. .sp-leftmenu ul li .sp-leftmenu-active i{color:#00bcf2 !important;}
  18. .sp-leftmenu ul li .sp-leftmenu-active:hover{color:#27c4dd;}
  19. /*一级one 二级two 三级three 四级four 五级five*/
  20. .sp-leftmenu .sp-leftmenu-first>a{background-color:#282822;color:#bbb;border-bottom:none;}
  21. .sp-leftmenu .sp-leftmenu-first>a:hover{background-color:#282822;color:#fff;}
  22. .sp-leftmenu .sp-leftmenu-second>a{background-color:#2f2f29;color:#bbb;border-bottom:none;}
  23. .sp-leftmenu .sp-leftmenu-second>a:hover{color:#00bcf2;background-color:#2f2f29;}
  24. .sp-leftmenu .sp-leftmenu-third>a{background-color:#35352f;color:#ccc;border-bottom:none; white-space:nowrap; word-break:keep-all;}
  25. .sp-leftmenu .sp-leftmenu-third>a:hover{background-color:#35352f; color:#00bcf2;}
  26. .sp-leftmenu .sp-leftmenu-fourth>a{background-color:#3b3b34;border-bottom:none;color:#ccc;}
  27. .sp-leftmenu .sp-leftmenu-fourth>a:hover{color:#00bcf2;background-color:#3b3b34;}
  28. .sp-leftmenu .sp-leftmenu-fifth>a{background-color:#414139;color:#ccc;}
  29. .sp-leftmenu .sp-leftmenu-fifth>a:hover{color:#00bcf2;background-color:#414139;}
  30. .sp-leftmenu .leftmenuClick{color:#00bcf2 !important;}
  31. /**折叠后**/
  32. .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:#282822;margin-left:39px;z-index:30;}