anchor_list.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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. white-space: nowrap;
  36. }
  37. .BlogAnchor li .item_h1{
  38. margin-left: 0rem;
  39. }
  40. .BlogAnchor li .item_h2{
  41. margin-left: 2rem;
  42. font-size: 0.8rem;
  43. }
  44. .BlogAnchor li .item_h3{
  45. margin-left: 4rem;
  46. font-size: 0.8rem;
  47. }
  48. .BlogAnchor li .item_h4{
  49. margin-left: 5rem;
  50. font-size: 0.8rem;
  51. }
  52. .BlogAnchor li .item_h5{
  53. margin-left: 6rem;
  54. font-size: 0.8rem;
  55. }
  56. .BlogAnchor li .item_h6{
  57. margin-left: 7rem;
  58. font-size: 0.8rem;
  59. }
  60. .BlogAnchor li .nav_item.current{
  61. color: white;
  62. background-color: var(--scrollbar);
  63. }
  64. /*#AnchorContentToggle {
  65. font-size: 13px;
  66. font-weight: normal;
  67. color: #FFF;
  68. display: inline-block;
  69. line-height: 20px;
  70. background: #5cc26f;
  71. font-style: normal;
  72. padding: 1px 8px;
  73. }*/
  74. .BlogAnchor a:hover {
  75. color: var(--sidebar-active);
  76. }
  77. .BlogAnchor a {
  78. text-decoration: none;
  79. color: var(--sidebar-fg);
  80. }
  81. .page-wrapper,.anchor-visible {
  82. transform: translateX(0 - var(--sidebar-width));
  83. /*margin-left: var(--sidebar-width);*/
  84. }
  85. @media only screen and (min-width: 620px) {
  86. .page-wrapper,.anchor-visible {
  87. transform: none;
  88. margin-right: var(--sidebar-width);
  89. }
  90. }