| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- /*导航*/
- .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);
- }
- }
-
|