网站版式

来源

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

自定义选项

同来源页面，但需要替换引用此：

[[include :liu-zhou:theme:base
|自定义选项
]]

网站排版基础

版式：Sigma 9 | 版式：讨论区排版 | 辑录样式 评分栏 | 辑录样式 页面信息及标签选择器

字体

常规 | 粗体 | 斜体 | 下划线 | 删除线| 打字机 | ^上标_下标
regular | bold | italic | underline | strikethrough |teletype text|^superscript_subscript

源代码

+ 源代码

/*==================
六州 基础版式
===================*/
@import url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/Theme_sigma9-mini_000.css');
@import url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/Theme_Magazine/MZ_min_007.css');
 
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Yesteryear&display=swap');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
 
@font-face {
    font-family: 'liu-zhou';
    src: url('https://fastly.jsdelivr.net/gh/Etinjat/liuzhou@font/Liuzhou_001.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'Huiwen-mincho';
    src: url('https://fastly.jsdelivr.net/gh/Etinjat/liuzhou@font/Huiwen-mincho_header-001.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'slideyouran';
    src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@liu-zhou/FONT-subset/SIDEBAR_slideyouran-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'WHZ-wbt';/* 简 */
    src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/HanWangWeiBeiMedium-Gb5_subset-Account_004.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: 'WHZ-wbt';/* 繁 */
    src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/HanWangWeiBei-Tradition_subset-Account_00.woff2') format('woff2');  
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
:root {
 
  --header-title: "六 \00A0  州" ;
  --mob-title: var(--header-title);
  --header-subtitle:"三十六年，荧惑守心";
  --mob-subtitle:"三十六年，荧惑守心";
  --SB_content: '灵魂终异化';
  --SB-phrase_size:2.5rem;
    --PGtt-orn_content:"𧲲";
 
   --LOGO_position-mob:51% 0%; 
    --LOGO_image:url('https://fastly.jsdelivr.net/gh/Etinjat/liuzhou@icon/LOGO_liuzhou_Black.svg');
    --logo-image: var(--LOGO_image);
    --LOGO_image_MOB:var(--LOGO_image);
    --LOGO_sidebar:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon/ICON_Gears.svg');
    --LOGO_sidebar-mob:var(--logo-sidebar);
 
    --icon-noise:url('https://liu-zhou.wdfiles.com/local--files/theme%3Abase/IMG_noise.png');
 
 --LOGO_sidebar-opacity:0.7;
 
/* 字体 */
 
--page-font:'Noto Sans SC', '微软雅黑', '等线', sans-serif;
--page-tt-font: 'Noto Serif SC',  'HanWang WeiBeiMedium-Gb5', 'Noto Sans SC', sans-serif;
--mob-tt-font:var(--page-tt-font) ;
--header-tt-font:Huiwen-mincho,  'Noto Serif SC',  'HanWang WeiBeiMedium-Gb5';
--handwriting-font: slideyouran, Yesteryear, 'Zhi Mang Xing', 'HanWang WeiBeiMedium-Gb5', sans-serif;
--teletype-font:  slideyouran, 'Zhi Mang Xing', 'HanWang WeiBeiMedium-Gb5', var(--page-font);
--mono-font: 'Noto Serif SC';
 
    --font_my-account: 'WHZ-wbt',  'HanWang WeiBeiMedium-Gb5','Zhi Mang Xing';
    --RATE_font: 'liu-zhou', var(--header-tt-font) ;
 
/* 标题 */
     --page-tt-size: 2rem;
     --page-tt-btmPADD: 0.4rem;
    --PGtt-orn_top:0.28em;
 
/*
---------------------------------------------
特定主题颜色 
----------------------------------------------
*/
 
/*--------------- 列国 ---------------------*/
--state-yy: #d9fbbe;
--state-ql: #fba414;
--state-dq:#eef7f2;
--state-xq:#000000;
--state-sj: #9ab8ee ;
 
/* 三晋宗族 */
--clan-zhi:#7c1823;
--clan-zhao:#8fb2c9;
--clan-wei:#c8adc4;
 
/*--------------- 集团 ---------------------*/
--group-lvlian: #b9dec9;/*绿脸工业*/
--group-sanlian: #bef7ff;/*三联集团*/
--group-beilianti: #daebff;/*北联体*/
 
}
 
/* ==========================
                           主体
===========================*/
 
#header :is(h1 a, h2){
    font-family: var(--header-tt-font) ;
    font-weight: 500;
    letter-spacing: 0.25em;
}
 
#header h1 a {
  font-family: 'liu-zhou', var(--header-tt-font) ;
}
 
#login-status .printuser {
  background-position: 0 70%;
}
 
#page-content{
    font-size: 110%;
    letter-spacing: 0.5px;
}
 
#side-bar  .menu-cross{
    display: inline-flex; 
}
 
#content-wrap #side-bar .menu-cross a{
    margin-right: 1em;
    font-weight: 500;
}
 
#side-bar .menu-cross a:before{
   margin-right: 0.3em     
}
 
#side-bar .menu-cross a:hover{
    color: #542429;
}
 
h1, h2, h3, h4, h5, h6{
    font-family: var(--page-tt-font)
}
 
@media (max-width:767px) {
#page-content{
    font-size: 100%;
    letter-spacing: 0px;
} 
 #page-content p{
    font-size: 1em;
  }
}
 
@media (max-width: 480px){
  #license-area a {
  display: inline-block;
  }
  div#extra-div-1:before,div#extra-div-1:after, #page-title,
   #page-content h1, #page-content h2, #page-content h3, 
   #page-content h4, #page-content h5, #page-content h6 {
       font-weight: 600;
  }
  #page-title:after{
  font-weight: 500;
  }
}
 
/* ==========================
                           其他 
===========================*/
 
.mz-linear {
filter: drop-shadow(0 0 0px rgba(33,33,33,0.8)) drop-shadow(0 0 1px rgba(33,33,33,0.8)) drop-shadow(0 0 5px rgba(33,33,33,0.5));
}
 
/* ------------------------- 新条目小标志 --------------------------------*/
 
.list-wrap .list-icon:before{
  content: ' ';
  width: 0.8rem;
  height: 0.8rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.list-wrap span.list-icon{
    font-size: 0;
}
 
/* 标签 */
.list-wrap .list-icon[style*="canon"]:before{
  content: ' ';
  background-image:var(--logo-image);
  display: inline-block;
        margin-right: 4px;
}
 
/* 类目 */
.list-wrap .list-icon[style*="log"]:before{
  content: "\f02c   ";
  width: 0.8rem;
  height: 0.8rem;
  font-family: FontAwesome;
    color:#333;
}
 
.list-wrap a.list-icon[style*="log-of-lore"]:before{
    width: 2rem;
    background-position:  right;
}
 
/* ------------------------- 集合串评分栏 --------------------------------*/
 
.ratebox-in-log{
width:9.5rem;
height:4.8rem;
}
 
.lograte-wrap p *{
    display: inline-table
}
 
.lograte-wrap  .lograte-edit{
    display: table-header-group;
    line-height: 2;
    text-align: center;
    white-space: nowrap;
}
 
.lograte-wrap .fa:before {
padding-right: 0.2rem
}
 
/* -------------------  杂项 ---------------------------  */
 
.semibox-wrap{
    display: grid;
    grid-template-columns: var(--semibox_grid-columns, 40% 40%);
    grid-gap: 3em 5em;
}
 
.semibox-wrap .tt-box{
    width: 100%;
    margin: 0
}
 
.semibox-wrap .semi-intro-tt {
    margin: 0;
    height: 18em;
}
 
.mz-tt.tt-box {
    padding-top: 0;
}
 
@media (max-width: 1040px) {
    #page-content .flex-box>.box {
        flex-basis: 49%;
    }
}
 
@media (max-width: 600px) {
.semibox-wrap {
       --semibox_grid-columns:auto;
    }
}
 
/*-------------------- 数据表单格子 ----------------------*/
 
.data-form table{
    width: 100%;
}
 
.data-form .form-labels{
    width: 3rem;
 
}
 
/*=======================
著作信息及评分按钮修复
========================*/
 
.creditRate :is(.creditButton, .creditButtonStandalone) a{
     font-size: var(--RATE-btn_size);
     height:var(--RATE-btn_height);
     width: var(--RATE-btn_width);
}
 
.creditRate :is(.creditButton, .creditButtonStandalone) a:hover{
color: var(--RATE-btn_cl_HOV);
    background: transparent
}
 
.creditRate :is(.creditButton, .creditButtonStandalone) a:before {
    --flag-clip: polygon(100% 0, 100% 50%, 100% 100%, 50% var(--flag-delta-count), 0 100%, 0 0);
     background-color:  var(--RATE-btn_bgcolor);
    -webkit-clip-path:var(--flag-clip);
     clip-path: var(--flag-clip);
 
}
 
.creditRate :is(.creditButton, .creditButtonStandalone):hover a:before{
          background-color:var(--RATE_bg_HOV);
          color:var(--RATE_txt_HOV);
          border-radius: 0;
          text-decoration: none;
}
 
.creditRate :is(.creditButton, .creditButtonStandalone) a {
    -webkit-filter: var(--RATE-btn_filter);
    filter: var(--RATE-btn_filter);
    margin: auto;
    position: relative;    
    justify-content:  center;
    background-color: transparent;
    box-shadow:none;
}
 
.creditRate :is(.creditButton, .creditButtonStandalone) a:before{  
    --RATE-txt_size: var(--RATE-btn_size);
    color: var(--RATE-num_bg);
    left: unset;
    top: unset;
    width: 100%;
    height: var(--RATE-btn_height);
    display: inline-grid;
    justify-content: center;   
    align-items: center;
    grid-template-rows:var(--RATE-btn_width) auto;
           -webkit-filter: none;
    filter: none;       
    align-self: center;
    /*! display: inline-grid; */
 } 
 
.mz-fold .creditRate :is(.creditButton, .creditButtonStandalone) a{
    color: var(--RATE-info_btn);
    padding-top: 0rem;
    margin-left:var(--RATE-btn_mgleft);
    margin-top: var(--RATE_padding-top);
    clip: none;
  -webkit-filter: none;
    filter: none;
    box-shadow: none;
    background: transparent;
 
    /*! align-self: center; */
    /*! display: inline-grid; */
}
 
.mz-fold .creditRate :is(.creditButton, .creditButtonStandalone) a:after {
    content: "\f07b";
    color: var(--RATE-num_bg);
    padding: 0 ;
    left:0;
    position:absolute;
    word-break: keep-all;
    font-size: var(--RATE-num_height);
}
 
.mz-fold .creditRate :is(.creditButton, .creditButtonStandalone) a:before{  
    content: "\f129";
    color: var(--RATE-num_num);
    position: absolute;
    top: 0.25rem;
    left: -0.25rem;
    font-size: var(--RATE-txt_size);
    z-index: 1;
         background-color: transparent;  
}
 
.mz-fold .creditRate :is(.creditButton, .creditButtonStandalone) a:hover::before{
    color: transparent;
    background-color: transparent;
 
}
 
.mz-fold  .creditRate :is(.creditButton, .creditButtonStandalone) a:hover::after{
   content: '\f07c';
}
 
.only-rate .rate-box-with-credit-button .creditButton,
.only-credit .page-rate-widget-box{
    display: none;
}
 
/*================================
临时
=================================*/