闪耀深空 主题版式

这是 一个 版式

div#container-wrap {
    background: none;
}
 
/* 灵感来自Nu-SCP */
body {
    background-image: linear-gradient(to top, #114 0%, #668 100%), 
        linear-gradient(to bottom, transparent 0, transparent 139px, #114 139px, #114 100%);
    background-size: 100% 139px, 100% 162px; /* 120px, 150px */
    background-repeat: no-repeat;
}
 
#main-content {
    color: #114;
}
 
#main-content strong {
    /* 待更新 */
}
 
body {
    background-color: #EFEFFF;
}
 
#header h1 a,
#header h2 span {
    color: transparent;
    background: transparent;
    text-shadow: none;
    letter-spacing: -50px;
}
 
#header h1 a::before {
    content: "SCP基金会深空探索部";
    color: #FFF;
    text-shadow: 1px 1px 1px #FFF;
    letter-spacing: 1px;
}
 
#header h2 span {
    text-align: right;
}
 
#header h2 span::after {
    content: "控制，收容，保护";
    color: #FFF;
    text-shadow: 1px 1px 1px #FFF;
    letter-spacing: 0px;
}
 
#page-title {
    color: #114;
    text-shadow: 1px 1px 1px #FFF;
}
 
a:link, a:hover, a:visited, a:active, #side-bar a:visited {
    color: #668;
}
 
hr {
    margin: 0 auto;
    width: 100%;
    background-colot: #114;
}
 
#side-bar .side-block {
    border-radius: 0px;
    border: solid 2px #114;
    background-color: transparent !important;
    color: #114 !important;
    box-shadow: 1px 1px 1px #114;
}
 
#side-bar .scpnet-interwiki-frame {
    display: none;
}
 
#side-bar {
    background-color: transparent;
}
 
#side-bar .side-block .menu-item .image {
    filter: invert(100%);
    opacity: 0.625;
}
 
#side-bar .side-block:nth-child(5) .image {
    filter: invert(0%) !important;
}
 
#side-bar .side-block:nth-child(4) {
    display: none;
}
 
h1, h2, h3, h4, h5, h6 {
    color: #114;
}
 
#search-top-box {
    display: none;
}
 
.printuser img.small {
    display: none;
}
 
#login-status, #account-topbutton {
    text-shadow: 1px 1px 1px #FFF;
    color: #FFF;
    border: solid 1px transparent !important;
}
 
/* 有用的divs */
.blockquote,
blockquote,
div.blockquote {
    background-color: transparent;
    border: solid 1px #114;
    box-shadow: 1px 1px 1px #FFF;
}
 
.contenter {
    opacity: 0.5;
}
 
.contenter:hover {
    opacity: 1;
}
 
/* 评分模块 */
.page-rate-widget-box {
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 1px #FFF;
}
.page-rate-widget-box .rate-points {
    background-color: #FFF !important;
    border: solid 1px #114;
    border-radius: 0;
}
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    background-color: #114;
    border-top: solid 1px #114;
    border-bottom: solid 1px #114;
    font-weight: bold;
}
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: none;
    color: #FFF;
    padding: 0 4px;
    margin: 0 1px;
}
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    background: #FFF;
    color: #114;
    text-decoration: none;
}
.page-rate-widget-box .cancel {
    background-color: #FFF;
    border: solid 1px #114;
    border-left: 0;
    border-radius: 0;
}
.page-rate-widget-box .cancel a {
    color: #114;
}
.page-rate-widget-box .cancel a:hover {
    border-radius: 0;
    background: #114;
    color: #FFF;
}
 
.page-rate-widget-box .rate-points {
    color: #114;
}
 
/* 脚注适配 */
.hovertip .content .footnote .f-heading, .hovertip .content .footnote .f-footer  {
    display: none !important;
}
 
.hovertip {
    color: #114 !important;
    background: #FFF;
    box-shadow: 1px 1px 1px #FFF;
    border: solid 1px #114 !important;
}
 
#footer, #footer .options, #license-area {
    /* background-color: #000;
    color: #FFF !important;
    font-weight: bold; */
    display: none !important;/* 本页授权显示于侧栏 */
}
 
@media (max-width: 767px)  {
    /* 移动端侧栏 */
    .open-menu a {
        border: 0.1em solid #114 !important;
        border-radius: 0px;
        background-color: #FFF !important;
        color: #114 !important;
        box-shadow: 1px 1px 1px #FFF;
    }
 
    .open-menu a:hover {
        box-shadow: 2px 2px 2px #FFF;
    }
 
    #side-bar {
        background: #FFF;
    }
 
    #side-bar:target .close-menu {
        background: transparent;
    }
 
/*    #top-bar {
        background-color: #000;
        position: sticky;
    } */
}