/*导航*/ .BlogAnchor { /*background: #f1f1f1;*/ background: #ffffff; /*padding: 10px;*/ line-height: 180%; position: fixed; /*left: 0px;*/ right: 0px; top: 0px; border: 1px solid #aaaaaa; width: var(--sidebar-width); /*height:100%;*/ z-index: 105; transition: transform 0.3s ease 0s; } .BlogAnchor p { font-size: 18px; color: #15a230; margin: 0 0 0.3rem 0; text-align: right; } .BlogAnchor .AnchorContent { /*padding: 5px 0px;*/ overflow: auto; transition: transform 0.3s ease 0s; } .BlogAnchor li{ text-indent: 0.5rem; font-size: 14px; list-style: none; } .BlogAnchor li .nav_item{ padding: 3px; white-space: nowrap; } .BlogAnchor li .item_h1{ margin-left: 0rem; } .BlogAnchor li .item_h2{ margin-left: 2rem; font-size: 0.8rem; } .BlogAnchor li .item_h3{ margin-left: 4rem; font-size: 0.8rem; } .BlogAnchor li .item_h4{ margin-left: 5rem; font-size: 0.8rem; } .BlogAnchor li .item_h5{ margin-left: 6rem; font-size: 0.8rem; } .BlogAnchor li .item_h6{ margin-left: 7rem; font-size: 0.8rem; } .BlogAnchor li .nav_item.current{ color: white; background-color: var(--scrollbar); } /*#AnchorContentToggle { font-size: 13px; font-weight: normal; color: #FFF; display: inline-block; line-height: 20px; background: #5cc26f; font-style: normal; padding: 1px 8px; }*/ .BlogAnchor a:hover { color: var(--sidebar-active); } .BlogAnchor a { text-decoration: none; color: var(--sidebar-fg); } .page-wrapper,.anchor-visible { transform: translateX(0 - var(--sidebar-width)); /*margin-left: var(--sidebar-width);*/ } @media only screen and (min-width: 620px) { .page-wrapper,.anchor-visible { transform: none; margin-right: var(--sidebar-width); } }