menu.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .menu {
  2. position: relative;
  3. cursor: pointer;
  4. background: #28333E;
  5. color: #BFBBBB;
  6. font-size: 14px;
  7. }
  8. ul, li
  9. {
  10. position:relative;
  11. list-style: none;
  12. padding: 0;
  13. margin: 0;
  14. }
  15. .menu-title {
  16. display: block;
  17. line-height: 40px;
  18. }
  19. .menu-title:hover {
  20. /*background: #00C1DE;*/
  21. color:#fff;
  22. }
  23. .menu-sec-title {
  24. display: block;
  25. line-height: 36px;
  26. }
  27. .menu-sec-title:hover {
  28. /*background: #00C1DE;*/
  29. color: #fff;
  30. }
  31. /*.menu-title:hover {
  32. background: #4a5064;
  33. }*/
  34. .menu-arrow {
  35. position: absolute;
  36. top: 17px;
  37. right: 10px;
  38. font-size: 14px;
  39. }
  40. .menu-arrow:after {
  41. content: "\f107";
  42. }
  43. .open > a > .menu-arrow:after {
  44. content: "\f106";
  45. }
  46. .menu-text
  47. {
  48. padding-left:10px;
  49. }
  50. .menu ul
  51. {
  52. display:none;
  53. }
  54. .menu .open > ul
  55. {
  56. display:block;
  57. }
  58. .menu .sel {
  59. background-color: #1E9FFF;
  60. color:#fff;
  61. }
  62. .menu ul {
  63. /*background-color: #28333E; */
  64. }
  65. .menu-title {
  66. padding-left: 20px;
  67. padding-top: 5px;
  68. padding-bottom: 5px;
  69. }
  70. .menu-sec-title {
  71. padding-left: 40px;
  72. padding-top: 5px;
  73. padding-bottom: 5px;
  74. }
  75. .menu ul .menu-title {
  76. padding-left: 40px;
  77. }
  78. .menu ul ul .menu-title
  79. {
  80. padding-left:60px;
  81. }
  82. .menu-submenu {
  83. background-color: #0C0F13;
  84. }