anchor_list.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /*导航*/
  2. .BlogAnchor {
  3. /*background: #f1f1f1;*/
  4. background: #ffffff;
  5. /*padding: 10px;*/
  6. line-height: 180%;
  7. position: fixed;
  8. /*left: 0px;*/
  9. right: 0px;
  10. top: 0px;
  11. border: 1px solid #aaaaaa;
  12. width: var(--sidebar-width);
  13. /*height:100%;*/
  14. z-index: 105;
  15. transition: transform 0.3s ease 0s;
  16. }
  17. .BlogAnchor p {
  18. font-size: 18px;
  19. color: #15a230;
  20. margin: 0 0 0.3rem 0;
  21. text-align: right;
  22. }
  23. .BlogAnchor .AnchorContent {
  24. /*padding: 5px 0px;*/
  25. overflow: auto;
  26. transition: transform 0.3s ease 0s;
  27. }
  28. .BlogAnchor li{
  29. text-indent: 0.5rem;
  30. font-size: 14px;
  31. list-style: none;
  32. }
  33. .BlogAnchor li .nav_item{
  34. padding: 3px;
  35. }
  36. .BlogAnchor li .item_h1{
  37. margin-left: 0rem;
  38. }
  39. .BlogAnchor li .item_h2{
  40. margin-left: 2rem;
  41. font-size: 0.8rem;
  42. }
  43. .BlogAnchor li .item_h3{
  44. margin-left: 4rem;
  45. font-size: 0.8rem;
  46. }
  47. .BlogAnchor li .item_h4{
  48. margin-left: 5rem;
  49. font-size: 0.8rem;
  50. }
  51. .BlogAnchor li .item_h5{
  52. margin-left: 6rem;
  53. font-size: 0.8rem;
  54. }
  55. .BlogAnchor li .item_h6{
  56. margin-left: 7rem;
  57. font-size: 0.8rem;
  58. }
  59. .BlogAnchor li .nav_item.current{
  60. color: white;
  61. background-color: var(--scrollbar);
  62. }
  63. /*#AnchorContentToggle {
  64. font-size: 13px;
  65. font-weight: normal;
  66. color: #FFF;
  67. display: inline-block;
  68. line-height: 20px;
  69. background: #5cc26f;
  70. font-style: normal;
  71. padding: 1px 8px;
  72. }*/
  73. .BlogAnchor a:hover {
  74. color: var(--sidebar-active);
  75. }
  76. .BlogAnchor a {
  77. text-decoration: none;
  78. color: var(--sidebar-fg);
  79. }