自定义页眉或者页脚
<style>
/* customizable snowflake styling */
.snowflake {
color: red;
font-size: 1em;
font-family: Arial, sans-serif;
text-shadow: 0 0 5px #000;
}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<div class="snowflakes" aria-hidden="true">
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
?
</div>
<div class="snowflake">
❅庆祝❅
</div>
<div class="snowflake">
❅庆祝❅
</div>
</div>
/* 列表简化及置顶主题加横杠 */
@media @tablet-up{ .IndexPage{ li.item-tags i.icon.icon{display:none} span.username:before{content:'\0040'} .DiscussionListItem-title{margin:auto 0} @media (min-width: 992px){ .sideNav,.sideNav>ul{max-width: 157px;} } } .IndexPage,.UserPage .sideNavContainer{ .Badge{--size:47px;border-radius:unset} h3.DiscussionListItem-title{font-size:18px;white-space:nowrap;max-width: 70%;} .DiscussionListItem{margin:auto 0!important;position:relative;margin-right:-15px;padding-right:25px;padding-left:15px;border-radius:unset;transition:background .2s;background:@body-bg;border-bottom:1px solid @control-bg;transition:background .3s} .DiscussionListItem.DiscussionListItem--sticky:nth-child(n){border-bottom: 2px double #722c29;} .DiscussionListItem-main{padding-left:5px} .DiscussionListItem-author .Avatar{display:none} .DiscussionListItem-count{margin-top:14px;margin-right:auto;width:auto;color:var(--muted-color);padding-right:5px;display:flex;float:left;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);display:inline-block;line-height:15px;float:left} .DiscussionListItem-content{padding-left:10px} .DiscussionListItem-info{list-style-type:none;font-size:11px;color:var(--muted-more-color);position:absolute;float:right;display:flex;top:15px;right:0;flex-direction:row-reverse} .DiscussionListItem-info .item-excerpt{display:none} .DiscussionListItem-info>li{padding-right:5px} .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:static!important;-webkit-mask-image:none} .DiscussionListItem-badges .Badge{margin-left: 0;bottom:-24px;right:-74px;opacity:.5;height:7px;overflow: hidden} .DiscussionListItem-badges{margin-left:-55px;width:48px;display:inline-flex;justify-content:flex-end;float:right} } .UserPage .sideNavContainer{ .DiscussionListItem-badges .Badge{bottom:-27px;} } } @media (min-width: 992px){ .Button.SubscriptionMenu-button.SubscriptionMenu-button--false.hasIcon{width:auto!important} .IndexPage .IndexPage-results .DiscussionList-discussions .Button:hover{background-color:unset} .DiscussionListItem-controls{right:-3px;top:7px} .DiscussionListItem,{ .Button:active, .Button.active, .open>.Dropdown-toggle.Button{background-color:unset} .Button.active,.Button:active,.open>.Button.Dropdown-toggle{box-shadow:unset} } } /*.item-discussion-views{color:#8d8787!important;font-size:12px;border-radius:5px;background:@body-bg;color:#8d8787;padding:1px 4px;border:1px solid #acaaaa;transform:scale(.89);line-height:15px;margin-right:5px!important;width:auto!important}*/ li.item-discussion-views{display:none} .EventPost-icon{text-align:end;margin-left:-75px;width:65px;margin-top:5px;font-size:15px} .UserPage{ .Button:hover,.Button:focus,.Button.focus{background-color:unset} .PostUser-avatar,.PostUser-badges .Badge{display:none} .Post { margin: auto 0;padding: 0; } }