jquery.autoMenu.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /* 定制生成博客目录的CSS样式 */
  2. #uprightsideBar {
  3. font-size: 16px;
  4. font-family: Arial, Helvetica, sans-serif;
  5. text-align: left;
  6. position: fixed;
  7. /*
  8. 将div的位置固定到距离top:150px,right:0px的位置,
  9. 这样div就会处在最右边的位置,距离顶部150px,
  10. 当然这两个值你可以自己改。
  11. */
  12. top: 150px;
  13. right: 0px;
  14. width: auto;
  15. height: auto;
  16. }
  17. #sideBarTab {
  18. float: left;
  19. width: 25px;
  20. box-shadow: 0 0 8px #877788;
  21. border-right: none;
  22. text-align: center;
  23. background: rgb(0, 220, 0);
  24. }
  25. #sideBarContents {
  26. float: left;
  27. overflow: auto;
  28. overflow-x: hidden;
  29. !important;
  30. width: 200px;
  31. min-height: 101px;
  32. max-height: 460px;
  33. border: 1px solid #e5e5e5;
  34. border-right: none;
  35. background: #ffffff;
  36. }
  37. #sideBarContents dl {
  38. margin: 0;
  39. padding: 0;
  40. }
  41. #sideBarContents dt {
  42. margin-top: 5px;
  43. margin-left: 5px;
  44. }
  45. #sideBarContents dd, dt {
  46. cursor: pointer;
  47. }
  48. #sideBarContents dd:hover, dt:hover {
  49. color: #A7995A;
  50. }
  51. #sideBarContents dd {
  52. margin-left: 20px;
  53. }