杂志主题扩展：半月刊特供

来自

http://scp-wiki-cn.wikidot.com/theme:magazine

效果

http://scp-wiki-cn.wikidot.com/semimonth-202110-01

源代码

+ 显示里面的东西

@import url('https://scp-wiki-cn.wikidot.com/theme:magazine/code/1');
@import url('https://semimonth.wikidot.com/component:excerpts-source/code/1');
@import url('https://scp-wiki-cn.wikidot.com/component:note-source/code/1');
@import url('https://etinjat.wikidot.com/css:float-memu-source/code/1');
@import url('https://etinjat.wikidot.com/css:float-memu-source/code/2');
@import url('https://etinjat.wikidot.com/css:float-memu-source/code/3');
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zhi+Mang+Xing&display=swap');
 
@import url('https://scp-wiki-cn.wikidot.com/fragment:magazine/code/2');
 
/*
======================
杂志主题 -   扩展半月刊版式
  主体
======================
*/
 
:root {
    --header-title: "基金会中文维基半月刊";
    --mob-title: "中文半月刊";
    --header-subtitle: "x年x月上/下，总第x期";
    --mob-subtitle: "xxxx年x月上/下";
    --SB_content: '半月刊编辑部';
    --content-width: 62rem;
    --SB-blank_left:1.4rem;
     --SB-blank_right:1.6rem;
    --dark-accent: 110, 100, 105;
    --pale-gray-monochrome: 210, 210, 210;
    --medium-accent: 18, 26, 91;
    --page-link-bg: var(--accentColor);
    --page-link-txt: #e8e8e8;
    --fold-color: #16125f;
    --folded-color: #e8e8e8;
    --tool-color-text: 225, 225, 255;
    --HD-h1_top: -0.25rem;
    --HD-h2_top_MOB: 0.6rem;
 
    --LOGO_position-mob: 49.5% 0%;
    --LOGO_opacity: 0.1;
 
    --LOGO_image:none;
    --LOGO_image-mob: var(--icon-scp);
 
    /* 节选卡片 */
    --golden-color: 225, 196, 86;
    --tool-color-text: 225, 225, 255;
    --excborder-wrap-color: rgb(var(--golden-color));
    --excborder-mid-color: rgb(var(--golden-color));
    --excborder-title-color: rgb(var(--golden-color));
    --excerpts-bgcolor: #0a0619;
    --excerpts-text: #fff;
    --excerpts-link: rgb(var(--golden-color));
    --excborder-wrap-width: 5px;
    --excborder-mid-width: 3px;
    --excborder-title-width: 3px;
    --excerpts-wrap-margin: 1rem;
    --excerpts-interest-left: 2.5rem;
    --excerpts-interest-mobleft: 1.5rem;
}
 
/* ----- 常规 ----- */
 
a:visited {
    color: rgb(var(--medium-accent));
}
 
a.newpage {
    color: rgb(var(--bright-accent))
}
 
blockquote a,
div.blockquote a {
    color: rgb(var(--medium-accent));
}
 
a:visited {
    color: rgb(var(--medium-accent));
}
 
.footnotes-footer {
    display: none;
}
 
@media (min-width: 700px) {
    div#extra-div-1::before {
        background: none;
    }
}
 
#breadcrumbs {
  float: left;
}
 
#page-title, #page-content::before {
    display: none;
}
 
/* ----- flex 盒子 ----- */
 
.flex-box {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
 
.flex-box>.box {
    flex-basis: 33%;
}
 
.float-sticky + br{
  display: none;
}
 
/*    -----  推荐  ----- */
 
.semi-intro {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
 
.semi-intro div {
    flex-basis: 42%;
    min-width: 40%;
    margin: 1rem;
    flex-grow: 1;
    padding: 0.5rem;
}
 
.semi-intro .semi-intro-tt {
    margin: 0;
    text-align: center;
}
 
.mz-tt.tt-box {
    padding-top: 0;
}
 
.mz-tt.tt-box  h1:first-of-type + * {
    margin-top:-5rem;
}
 
@media (max-width: 1040px) {
    #page-content .flex-box>.box {
        flex-basis: 49%;
    }
    .semi-intro .semi-intro-tt {
        padding-top: 1rem
    }
}
 
.box {
    background-color: rgb(var(--pale-gray-monochrome));
    border: 1px solid rgb(var(--dark-accent));
    padding: 0 1em;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;
    color: #182026
}
 
.box>.collapsible-block .collapsible-block-folded {
    position: absolute;
    bottom: 10px;
}
 
@media (max-width: 500px) {
    .box>.collapsible-block .collapsible-block-folded {
    position:   initial;
            margin-bottom: 10px;
 
}
 
  .box>.collapsible-block{
            margin-bottom: 0.5rem;
 
}
 
  #page-content  .flex-box>.box {
        flex-basis: 100%;
    }
}
 
/* 企划作品  */
 
.show-list a {
    color: #4e5166 !important;
}
 
.show-list a:hover {
    color: #e8e8e8 !important;
    background: #4e5166 !important;
}
 
.show-list {
    margin: 0 20%;
    position: initial;
}
 
@media (max-width: 900px) {
    .show-list {
        margin: 0;
    }
}
 
/* 艺术作品 */
 
.post-img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center
}
 
.column-img .scp-image-block {
}
 
.mz-img-wrap.img-b3d .scp-image-block .scp-image-caption {
    display: inline-block;
}
 
@media (max-width: 767px) {
    .column-img .scp-image-block {
        margin: 1rem -0.25rem 0 0 !important;
    }
}
 
/* ----- h1 改动 ----- */
 
#page-content h1 {
    font-weight: bold;
    /*! margin-top: 0.6rem; */
    /*! margin-bottom: 0.6rem; */
    display: flex;
    margin: 1rem 0;
}
 
#page-content h1::after {
    content: "";
    flex-grow: 1;
    height: 0.1rem;
    margin: auto auto auto 0.375rem;
    background-color: rgb(var(--dark-accent));
}
 
/* 链接  */
 
#page-content a {
    padding: 0rem 0.2rem;
    text-decoration: none;
}
 
#page-content a:hover {
    background: var(--page-link-bg);
    color: var(--page-link-txt);
}
 
#page-content .page-rate-widget-box .btn a:hover {
       background: var(--rate-hover-bg);  
        color:var(--rate-hover-txt);
}
 
/* 折叠  */
 
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
    background: none;
}
 
#page-content .collapsible-block-folded a,
#page-content .collapsible-block-unfolded-link a {
    color: var(--fold-color) !important;
}
 
#page-content .collapsible-block-unfolded .collapsible-block-link::before,
#page-content .collapsible-block-folded .collapsible-block-link::before {
    content: "";
}
 
#page-content .collapsible-block-folded,
#page-content .collapsible-block-unfolded-link {
    transition: background 0.25s linear;
    padding: 0;
    width: min-content;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}
 
#page-content .collapsible-block-unfolded-link {
    box-shadow: none;
}
 
#page-content .collapsible-block-folded:hover a,
#page-content .collapsible-block-unfolded-link:hover a {
    color: var(--folded-color) !important;
}
 
/* ----- flex 头条 ----- */
 
.mmposter-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    left: 2rem;
    position: relative;
}
 
.mmposter-cell {
    width: 48%;
    justify-items: center;
}
 
@media (max-width: 700px) {
    .mmposter-wrap {
        left: 0rem;
    }
    .mmposter-cell {
        width: 100%;
    }
    .mmposter-right {
        margin-top: 2rem;
    }
    .mob-breakkkk {
        display: block
    }
 
   .mmposter-left .scp-image-block.block-right {
    float: right;
    clear: right;
    margin: 0;
 
}
}
 
.mmposter-wrap + .mz-hr {
    padding:0.3rem 0;
}
 
/*------------- 其他 --------------*/
 
/* 内容居中 */
.all-center .scp-image-block{
    float: none;
    margin: 0 auto;
}
 
/*
----------------------------
额外组件
----------------------------
*/
 
/* --------------  笔记本 --------------  */
 
.reserve-separator::after, .note-leaf .note-page::after {
    color: var(--page-bg);
}
 
/* --------------  浮动菜单 --------------  */
 
#u-float-memu.memu-ch {
    z-index: 1;
}
 
.memu-ch {
}
 
#u-float-memu #toc-list{
    text-align:left;
    line-height:1.2rem;
}
 
#u-float-memu #toc-list div{
padding-top:0.5rem;
 
}
 
#u-float-memu a:hover {
    background:#4e5166 !important;
    color: var(--page-link-txt) !important;
}
 
#u-float-memu a {
    color:#4e5166;
}
 
#u-float-memu #toc {
    word-break: keep-all;
    box-shadow: none;
}
 
.rate-num {
    padding: 1rem 0rem 0 1rem;
    left: 1rem;
    position: relative;
}
 
#u-float-memu .rate-btn {
    display: none;
}
 
.memu-ch hr {
    border: 0.5px solid #888 !important;
    margin: 1em 2em !important;
}
 
.memu-ch {
    right: 0.8%;
}
 
.memu-pg {
    background: var(--page-bg);
}
 
#u-float-memu a:hover {
    background: none;
    color: #b01;
}
 
.fm-goto {
    padding-left: 1rem;
}
 
#u-float-memu #toc #toc-list div {
    margin: 0 0.8rem !important;
}
 
#u-float-memu #toc {
    max-width: 10rem;
}
 
#u-float-memu #toc #toc-list div:hover::before,
#u-float-memu #toc #toc-list a::before {
    left: 0rem;
}
 
.float-sticky .memu-ch{
   right: -14.5rem;
}
 
/* ---------- 便签纸引用块 ------------ */
 
.note-tip-wrap blockquote,
.note-tip-wrap div.blockquote,
#toc {
    box-shadow: none;
}
 
.note-tip-tt-1.note-tip-wrap {
    margin: -1rem 2rem 0.5rem 2rem;
}
 
@media (max-width: 700px) {
    .note-tip-tt-1.note-tip-wrap {
        margin: 0 auto;
        width: 95%;
    }
    .note-tip-wrap {
        float: initial;
    }
}