杂志 主题
[[collapsible show="+ 显示源代码" hide="- 隐藏里面的东西"]]
][[iftags [[#ifexpr {$collapsible-sidebar} == (true) | - ]]]]
/*=====================================
杂志主题 - sigma9
by Etinjat
tab 代码来源于 MalyceGraves 的报纸版式
半月刊特供代码部分由 hoah2333 制作
侧栏标志由 Kcorena 绘制
=====================================*/
/* 字体 */
@font-face {
font-family: 'Huiwen-mincho'; /* SCP基金会 */
src: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@Theme/typeface/Huiwen-mincho_SCP-BASE_00.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/CSS@Theme/typeface/Huiwen-mincho_SCP-ADD_00.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{
/* ----------- 页面 ----------- */
--content-width:inherit;
--main-width:inherit;
--main-top:var(--TB_height_half);
--main-top_PAD:min(var(--PGtt_size),1.25rem);
--main-top_MOB:min(var(--PGtt_size),1rem);
/* ----------- 标题 ----------- */
--header-title: "\00A0 SCP基金会" ;
--header-subtitle:"\00A0 控制、收容、保护";
--pad-title: var(--header-title) ;
--pad-subtitle: var(--header-subtitle) ;
--mob-title:var(--header-title) ;
--mob-subtitle:var(--header-subtitle) ;
--SB_content:'基金会文档';
/* ----------- 字体 ----------- */
--page-font:'Noto Sans SC', 'Noto Serif TC','微软雅黑', '等线', sans-serif;
--page-tt-font:'Noto Serif SC', 'Noto Serif TC', serif;
--mob-tt-font:'Noto Serif SC', serif;
--header-tt-font:Huiwen-mincho, 'Huiwen-mincho', 'Huiwen mincho' , 'Noto Serif SC', 'Noto Serif TC', serif;
--handwriting-font: 'Zhi Mang Xing', serif;
--mono-font: '仿宋', kaiti, 'Noto Serif SC', 'Noto Serif TC', 'Andale Mono', 'Courier New',var(--page-font) , Courier, monospace;
--teletype-font: 'WHZ-wbt', 'HanWang WeiBeiMedium-Gb5', "Trebuchet MS", var(--handwriting-font), monospace;
--HDtt_weight:600;
--HD-h2_weight:600;
/* 用户栏文本 */
--font_printuser: var(--handwriting-font);
--font_my-account: WHZ-wbt, 'HanWang WeiBeiMedium-Gb5',Huiwen-mincho, 'Huiwen-mincho', 'Huiwen mincho' , "Trebuchet MS", monospace;
--EDIT-box_font: var(--page-font);
/* ----------- 颜色 ----------- */
--dark-accent:rgb(110, 100, 105);
--page-bg:var(--color-grey);
--accentColor:#542429;
--color-red:#990314;
--color-darkred:#6f1212;
--color-grey:#ecebf0;
--color-grey-pale:#eee;
--color-grey-dark:#e0e1e1;
--color-grey-darker:#d2d2d2;
--color-grey-darkest:#c4c4c4;
--swatch-primary-darker:egb(64,96,22);
--color-kraft:rgb(185,137,102);
--color-navy:rgb(20,21,39);
--color-blue:#2c477d;
--color-blue-dark:#1c375d;
--color-paleblue:#4e5166;
--color-gold:#c39c52;
--color-brown:#ead1b3;
--color-light:#e8e8e8;
--color-darkest:#000;
--color-darker:#333;
--color-dark:#555;
/* ------------ 版头 ------------------ */
/* 版头 和 标题 */
--HD_bg:var(--color-kraft);
--TB_bg:var(--color-navy);
--TB_txt: var(--color-gold);
--HD_mob_HOV:var(--color-red);
--HDtt_color:var(--accentColor);
--HD-h2_color:var(--color-darkest);
--HD_height:var(--HD_height_PC);
--HD_height_PC:max(8rem, var(--HDtt_height));
--HD_height_PAD:var(--HD_height_PC);
--HD_height_MOB:var(--HD_height_PC);
--HD_blank:var(--SB_width-total,16rem);
/* 页眉标题 */
--HDtt_top:2rem;
--HDtt_size:4rem;
--HDtt_size_PAD:3rem;
--HDtt_size_MOB:var(--HDtt_size_PAD) ;
--HD-h2_size:1.5rem;
--HD-h2_size_PAD:1.25rem;
--HD-h2_size_MOB:var(--HD-h2_size_PAD) ;
--align-subtt:end;
--align-subtt_MOB:center;
--HDtt_gap:0.5rem;
--HDtt_gap_MOB:0.25rem;
--HDtt_height:calc(var(--HDtt_size) + var(--HDtt_gap) + var(--HD-h2_size) + var(--TB_height));
--HD-h1_top:inherit;
--HD-h2_top:0rem;
--HD-h1_top_PAD:1rem;
--HD-h1_top_MOB:var(--HD-h1_top_PAD) ;
--HD_leftright:1.2rem;
--HDgrid_column_left: var(--HD_leftright);
--HDgrid_column_right: var(--HD_leftright);
/* 用户栏和搜索栏 */
--SEARCH_line:var(--accentColor);
--SEARCH_bg:transparent;
--SEARCH_bg_HOV:var(--SEARCH_line);
--SEARCH_txt:var(--SEARCH_line);
--SEARCH_txt_HOV:var(--HD_bg);
--USER_line:var(--HDtt_color);
--USER_unline:var(--HD-h2_color);
--USER-list_txt:var(--HDtt_color);
--USER-list_txt_HOVer:var(--color-gold);
--HD-btn_line_HOV:var(--HD_mob_HOV);
--HD-btn_bg_HOV:var(--HDtt_color);
--HD-btn_line_HOV:var(--SEARCH_txt_HOV);
--STATUS_maxwidth:var(--HD_blank);
--STATUS_top:1rem;
--STATUS_padding:0.5rem;
--STATUS-btn_padding:0.5rem;
--STATUS_grid: 1.5rem;
--STATUS_grid-gap: 0.25rem;
--STATUS-btn_grid: 2rem;
--STATUS-btn_btn: 1.2rem;
--STATUS-btn_size: 1rem;
--USER_font-size:var(--STATUS_grid);
--unlogin-font-size:var(--USER_font-size);
--STATUS_row-11:var(--STATUS_grid);
--STATUS_row-22:var(--STATUS_grid);
--STATUS_column-11:0;
--STATUS_column-22: var(--STATUS-btn_grid);
--STATUS_column-33:minmax(5rem,auto);
--SEARCH_top:calc(var(--STATUS_top) + var(--STATUS_padding) * 3 + var(--USER_font-size) * 2 );
--HD-menu_minwidth:10rem;
--HD-menu_maxwidth:var(--HD_blank);
--HD-menu_height:var(--STATUS_grid);
/* 顶栏 */
--TB_height:1.8rem;
--TB_height_half:calc(var(--TB_height) / 2 + var(--HDtt_gap) / 2);
--TB_font-size:90%;
/* -------------------------------- 标志 ---------------------------------------- */
--HD_cover:var(--icon-noise);
--LOGO_sidebar-opacity:1;
--LOGO_size:7rem;
--LOGO_top:0;
--LOGO_opacity:0.2;
--LOGO_position:50.2% 0%;
--LOGO_top_PAD:0.6rem;
--LOGO_size_PAD:6.5rem;
--LOGO_position_PAD:50.5% 0%;
--LOGO_top_MOB:var(--LOGO_top_PAD) ;
--LOGO_size_MOB:var(--LOGO_size_PAD) ;
--LOGO_position_MOB:var(--LOGO_position_PAD) ;
--LOGO_image:var(--icon-scp);
--LOGO_image_PAD:var(--LOGO_image);
--LOGO_image_MOB:var(--LOGO_image_PAD) ;
--LOGO_sidebar:var(--icon-magazine);
--LOGO_sidebar_MOB:var(--LOGO_sidebar);
/* 图标 */
--icon-scp:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_SCP.svg');
--icon-magazine: url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/LOGO_magazine.svg ');
--icon-noise:url('https://scp-wiki.wikidot.com/local--files/theme:magazine/IMG_noise.png');
--icon-dragon:url('https://fastly.jsdelivr.net/gh/Etinjat/CSS@icon-min/ICON_FlyDragon.svg');
--mzlog-img:var(--icon-dragon);
/* ------------------- 页面标题 ------------------- */
--PGtt_txt-color:var(--color-darkest);
--PGtt_size:2.5rem;
--PGtt_size_PAD:2rem;
--PGtt_size_MOB:1.5rem;
/*.....底部盒子.....*/
--PGtt_underbox-gap:0rem;
--PGtt_underbox-height:0.5em;
/*.....底部装饰线.....*/
--PGtt-line_color:var(--color-darker);
--PGtt-linebox_space: max(var(--PGtt-line01_height),var(--PGtt-line02_height) );
--PGtt-linebox_gap: 0.07em;
--PGtt-line_ornleft:calc(50% - var(--PGtt-orn_width) / 2);
--PGtt-line_ornright:calc(50% + var(--PGtt-orn_width) / 2);
--PGtt-line01_height: 0.1em;
--PGtt-line02_height: 0.06em;
--PGtt-line02clip_height: var( --PGtt-line01_height);
--PGtt-line02clip_right: calc(100% - var(--PGtt-line02clip_left));
--PGtt-line02clip_left: min(10%, var(--PGtt-orn_size) * 10 );
--PGtt-lines-img: linear-gradient(90deg, var(--PGtt-line_color) 0, var(--PGtt-line_color) var(--PGtt-line_ornleft), var(--PGtt-line_color) 50%, var(--PGtt-line_color) 100%);
--PGtt-line02_clip:polygon(100% 0, 0 0, 0 var(--PGtt-line02clip_height), var(--PGtt-line02clip_left) var(--PGtt-line02clip_height), var(--PGtt-line02clip_left) 100%, var(--PGtt-line_ornleft) 100%, var(--PGtt-line_ornleft) 0, var(--PGtt-line_ornright) 0, var(--PGtt-line_ornright) 100%, var(--PGtt-line02clip_right) 100%, var(--PGtt-line02clip_right) var(--PGtt-line02clip_height), 100% var(--PGtt-line02clip_height));
/*.....底部图案.....*/
--PGtt-orn_content:"\f005";
--PGtt-orn_txt-color:var(--accentColor);
--PGtt-orn_size:0.8em;
--PGtt-orn_width:calc(var(--PGtt-orn_size) * 1.5);
/* ------------------- 评分栏 ------------------- */
--RATE_text:'\f18e 评分';
--RATE_text_HOV:'\f0ab 评分';
/* 颜色 */
--RATE_font:var(--page-font);
--RATE_bg:var(--page-bg);
--RATE-num_bg:var(--RATE-num_border);
--RATE-num_num:var(--color-light);
--RATE-num_txt:var(--color-darkest);
--RATE-num_border:var(--color-darker);
--RATE-info_btn:var(--color-dark);
--RATE-info_btnHover:var(--color-darker);
--RATE-info_btnHover-txt:var(--color-light);
--RATE-info_border:var(--color-grey-darkest);
--RATE-mobox_border:var(--color-navy);
--RATE-mobox_bg:var(--color-kraft);
--RATE-mobox_tt:var(--color-gold);
--RATE-mobox_txt:var(--color-darkest);
--RATE-mobox_btn: var(--accentColor) ;
/* .....尺寸..... */
--RATE-txt_size:0.8rem;
--RATE-num_size:1.2rem;/* 1.5倍txt */
--RATE-num_lh:1.2; /* 数字行间距 */
--RATE-num_padding:0.4em;
--RATE_padding-left:0rem;
--RATE-num_height:calc(var(--RATE-num_size) + var(--RATE-num_padding) * 2);
/*按钮*/
--RATE-btn_mgleft:0.5rem;
--RATE-btn_mgleft_half:0.25rem;
--RATE-btn_width: 1.5em;
--flag-delta-size:0.5em;
--RATE-btn_height:2em; /* 三角与文字尺寸之和 */
--RATE-btn_size: 1rem;
--RATE-box_heigh:calc(var(--RATE_padding-top) + var(--RATE-line_width) + var(--RATE-num_size) + var(--RATE-line_gapcount) + var(--RATE-box_margin-bottom) - var(--RATE-line_gap));
--RATE-box_margin-bottom:0.25rem;
/* 旗子 */
--RATE-btn_bgcolor:var(--RATE_bg);
--RATE-btn_color:var(--accentColor);
--RATE_bg_HOV:var(--color-grey-darkest);
--RATE-txt_HOV:var(--color-red);
--RATE_boder-flag: rgba(33,33,33,0.4);
--RATE-flag_gap:var(--page-bg);
--RATE_padding-top:0.3rem;
--RATE-flag_top: calc(var(--RATE_padding-top) + var(--RATE-btn_height) );
--RATE-delta_height:calc(var(--RATE-btn_width) / 4);
--flag-delta-count: calc(100% - var(--flag-delta-size));
/* 线条 */
--RATE-line_width:0.1rem;
--RATE-line_bottom: var(--RATE-line_width);
--RATE-line_gap: var(--RATE-line_width);
--RATE-line_gapcount:calc(var(--RATE-line_width) * 2 + var(--RATE-line_gap));
--RATE_gap-rateup:0.4rem;
--RATE_gap-ccc:0.6rem;
--RATE_gap-ratedown:calc(var(--RATE_gap-rateup) + var(--RATE-btn_width) + var(--RATE_gap-ccc));
--RATE_gap-cancel: calc(var(--RATE_gap-rateup) + var(--RATE-btn_width) * 2 + var(--RATE_gap-ccc) * 2);
/* 文本栏遮板 */
--RATE_plank-width:105%;
--RATE_plank-left:0%;
/* ---------------- 侧边栏 ---------------------- */
--barColour: var(--color-grey);
--SB-hdtxt_color:#600;
--SB-hdtxt_size:0.85rem;
--SB-link_size:0.8rem;
--SB-main_size:1.8rem;
--SB-line11: solid 0.17em var(--SB-line_cl);
--SB-line22: solid min(0.12em, 0.15rem) var(--SB-line_cl);
/* 左右空白 + 侧边栏 = 整个侧边栏尺寸 = 页面右侧空白 */
--SB_width:14rem;
--SB-blank_right:1rem;
--SB-blank_left:2rem;
--SB-blank_top:6rem;
--content-width:54rem;
--SB_width-total:calc(var(--SB_width) + var(--SB-blank_left) + var(--SB-blank_right)) ;
/* 背景颜色 */
--SB-bg_PC:transparent;
--SB-bg_MOB:transparent;
--SB-cover_MOB:transparent ; /* var(--HD_cover)*/
/* 项目颜色 */
--SB-btn_border_cl:var(--color-darker);
--SB-btn_txt:var(--color-darker);
--SB-btn_bg:var(--color-navy);
--SB-link_txt:var(--color-navy);
--SB-link_bg:transparent;
--SB-link_txt_HOV:var(--color-light);
--SB-link_bg_HOV:var(--accentColor);
/* 栏线颜色 */
--SB-hdtxt_cl:var(--accentColor);
--SB-line_cl:var(--SB-hdtxt_cl);
--SB-content_color:var(--SB-hdtxt_cl);
--SB-hdtxt_cl_MOD:var(--SB-hdtxt_cl);
--color-hr-sidebar:var(--color-navy);
--SB-fold_color:var(--color-red);
/* 栏线 */
--SB-hdtxt_left: 0.4em;
--SB-line11_size: min(0.2em, 2.5rem);
--SB-line22_size: min(0.12em, 1.5rem);
--SB-line22_top:var(--SB-line11_size);
--SB-line22_left: var(--SB-hdtxt_left);
--SB-line22_right: max(7em, 65%) ;
--SB-line_clip: polygon(0 0, 100% 0, 100% var(--SB-line22_top), var(--SB-line22_right) var(--SB-line22_top), var(--SB-line22_right) 100%, var(--SB-line22_left) 100%, var(--SB-line22_left) var(--SB-line22_top), 0% var(--SB-line22_top));
--SB-line_height: calc((var(--SB-line11_size) + var(--SB-line22_size)) / 2 + 0.5px );
/* 栏头 */
--SB-topbox_size:8rem;
--SB-topbox_top222:0rem;
--SB-phrase_size:2rem;
--SB-phrase_top:calc(var(--SB-topbox_size) + 0.5rem);
/* 手机按钮 */
--SB_btntxt: "\f0c9";
--SB-btn_square:1.5rem;
--SB-btn_left:1rem;
--SB-btn_top:1rem;
--SB-btntxt_size:1rem;
--SB-btntxt_size_HOV:var(--SB-btntxt_size);
--SB-btntxt_cl:var(--color-navy);
--SB-btn_bgcl:var(--color-navy);
--SB-btn_border_cl: var(--color-navy);
--SB-btntxt_bg_HOV:var(--accentColor);
--SB-btntxt_cl_HOV:var(--TB_txt);
--SB-btn_bgcl:var(--color-grey-dark);
/* --------- 引用块 --------- */
--QUOTE_bg:rgba(236,235,220, 0.6);
--QUOTE_bg222:rgba(220,220,230, 0.2);
--QUOTE_border:rgba(33,33,33,0.4);
--QUOTE_border-left:rgba(33,33,33,0.7);
/* --------- 分割线 --------- */
--color-hr:rgba(128,128,128,0.8);
/* --------- 目录 --------- */
--TOC-bd_cl:var(--color-navy);
--TOC-tt_cl:var(--color-navy);
--TOC-tt_bg:var(--page-bg);
--TOC-txt_size:1rem;
--TOC-line_height:1.6rem;
--TOC_text-tt:'目 录';
--TOC_text-fold:'收起';
--TOC_text-unfold:'展开';
/* --------- 特殊 div 样式 --------- */
/* 泛黄块 */
--mz-paper-bg:rgba(236,235,220, 0.6);
--mz-paper-bg222:#e9e9e2;
/* 便利贴 */
--tip-bdcl:155,155,155;
--tip-color:var(--color-grey-darker);
--tip-deg:-45deg;
--tip-dogear-size:1.5em;
--tip-dogearoll-size: calc( var(--tip-dogear-size) * 1.4);
--tip-maxwidth_PC:calc(var(--content-width, 56rem) * 0.5);
--tip-dogearoll-margin: 0rem -0.9rem 0 0;
/* --------- 维基图片框 --------- */
--mz-img-bg:var(--page-bg);
--shadow-gap:var(--mz-img-bg);
--shadow-line:var(--color-navy);
--box-line:drop-shadow(0px -1px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))
drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))
drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))
drop-shadow(0px 0px 0.1px var(--shadow-gap)) drop-shadow(0px 0px 0.1px var(--shadow-line))
drop-shadow(0px 0px 0.1px var(--shadow-gap)) drop-shadow(0px 0px 0.1px var(--shadow-gap))
drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))
drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line))
drop-shadow(0px 0px 0.5px var(--shadow-line)) drop-shadow(0px 0px 0px var(--shadow-line));
/* ----------- TAB 样式 ----------- */
--color-tabsect-bg222:var(--color-brown);
--color-tabsect-txt222:var(--color-red);
--tabNAV-txt:var(--color-navy);
--tabNAV-txtHover: var(--color-light);
--tabMain-txt: var(--color-darker);
--tabNAV-bgHover:var(--accentColor);
--tabNAV-bg_SEL:var(--tabNAV-bgHover);
--tabNAV-txt_SEL:var(--tabNAV-txtHover);
--tabNAV-bg_ACT:var(--tabNAV-bgHover);
--tabNAV-txt_ACT:var(--tabNAV-txtHover);
--tabNAV-border:var(--color-darker);
--tabMain-border:var(--accentColor);
--tabNAV-bg:var(--color-grey-darker);
--tabMain-bg:var(--color-grey-dark);
--tab-shadow:var(--color-grey-darkest);
/* 深线样式 */
--Line-tabNAV-txt:var(--color-navy);
--Line-tabNAV-txtHover:var(--color-light);
--Line-tabNAV-txt_SEL:var(--Line-tabNAV-txtHover);
--Line-tabNAV-txt_ACT:var(--Line-tabNAV-txtHover);
--Line-tab-base:var(--color-navy);
--Line-tabNAV-bgHover:var(--Line-tab-base);
--Line-tabNAV-bg_SEL:var(--Line-tabNAV-bgHover);
--Line-tabNAV-bg_ACT:var(--Line-tabNAV-bgHover);
--Line-tabNAV-border:var(--Line-tab-base);
--Line-tabMain-border:var(--Line-tab-base);
--Line-tabNAV-bg:var(--page-bg);
--Line-tabMain-bg:var(--Line-tabNAV-bg);
--Line-tab-shadow:transparent;
--Line-tabMain-txt:var(--Line-tab-base);
--Line-tabBD-weight:3px;
/* ------------- 文本标题框 ------------- */
--ttbox_h1BDR-color:var(--color-navy);
--ttbox_boxBDR-color:var(--ttbox_h1BDR-color);
--ttbox_bevel-color:var(--ttbox_h1BDR-color);
--ttbox_h1-color:var(--color-navy);
--ttbox_h1-bg:var(--page-bg);
--ttbox_box-bg:var(--page-bg);
--ttbox_box-size:0.2rem;
--ttbox_border-size:0.25rem;
--ttbox_padding:0.5rem;
--ttbox_margin:0.5rem;
--ttbox_h1-size:1.2rem;
--ttbox_h1-top:calc(0rem - var(--ttbox_h1-size) * 2 );
--ttbox_h1-left:calc(0rem - var(--ttbox_padding) * 4);
--mztt-h1pd-horiz:1rem;
--ttbox_bevel-size:2rem;
--ttbox_bevel-left:calc(0rem - var(--mztt-h1pd-horiz) + var(--ttbox_padding));
--ttbox_bevel-top:calc(0rem - var(--ttbox_padding) + var(--ttbox_h1-size));
--ttbox_bevel-bg:linear-gradient(-135deg, var(--ttbox_bevel-color), var(--ttbox_bevel-color) 50%, transparent 50%, transparent 100%);
/*----------------- 操作区域 -----------------------*/
/*.............. 历史区 ..............*/
--HISTORY-btn_size：1rem;
--HISTORY-form_columns:repeat(8, auto);
--HISTORY-form_td_width:100%;
--HISTORY-form_td_margin:0.2rem 0;
--HISTORY-perpage_width: 8.5rem;
/*.............. 编辑区 ..............*/
--EDIT-table_width:95%;
--EDIT-ui_size-11: 1rem;
--EDIT-ui_size-22: 0.8em;
--EDIT-ui_size-33: 0.8em;
--EDIT-ui_size-sub: 0.7em;
--EDIT-ui_size-99:1em;
--EDIT-ui_height: 2em;
--EDIT-ui_weight: var(--EDIT-ui_height);
--EDIT-ui_mono-font: 'Nanum Gothic Coding', 'Nanum Gothic';
--EDIT-ui_color:var(--color-navy);
--EDIT-ui_color_HOV:var(--EDIT-ui_color);
--EDIT-ui_bg:transparent;
--EDIT-ui_bg_HOV:var(--color-grey-dark);
--EDIT-ui-sub_HOV:var(--color-grey-darkest);
--EDIT-ui-btn_margin:0 0.5em 0 0;
--EDIT-ui-panel_margin:0 0 0.5em 0;
--EDIT-border_color:var(--color-dark);
--EDIT-border_color_Foc:var(--color-dark);
--EDIT-box_bg:var( --color-grey);
--EDIT-box_bg_Foc:var( --color-grey-pale);
--EDIT-ui_outline:1.5px solid var(--EDIT-border_color);
--EDIT-ui_font: "FontAwesome",var(--page-tt-font);
/* ----------- 页面保存文本 ----------- */
--lock-info111:"您独占并锁定本页面 15 分钟， \A 而在作业期间，他人不能直接编辑页面。\A 但注意，锁定将在闲置 ";
--lock-info222:"\00A0 后自动解除。";
--lock-info333:"页面保存中...... \A 若本提示一显示很长时间， \A 您可先复制编辑框的内容到其他地方，避免丢失。";
--lock-info111_MOB:"在 ";
--lock-info222_MOB:"\00A0 秒锁定时间内，您可独占地编辑本页。";
--lock-info333_MOB:"保存中… 若长时间无响应，可先备份下内容。";
/*-------------- 页脚 ----------------*/
--FOOT_size: 0.8rem;
--LICENSE_bg: var(--color-grey-darker);
--LICENSE_cl: var(--color-darker);
--FOOT-line_cl: var(--color-grey-darkest);
/* ----------- 讨论区帖子 ----------- */
--POST_hdbg:#e5e5e5;
--POST_short:#DBDBDB;
--POST_BDcolor:#333;
--POST_BDcolor-222:#929292;
/* ----------- 笔记本组件厚度 ----------- */
--cl-tab-bar:var(--color-navy);
--cl-tab-bar222:#fff;
}
/*------------------------------------------------
PAD 根属性
------------------------------------------------*/
@media (max-width:1000px){
:root{
/* ---------------- 侧边栏 ---------------------- */
--SB-blank_right:0rem;
--SB-blank_left:0rem;
}
}
/*------------------------------------------------
MOB 根属性
------------------------------------------------*/
@media (max-width:510px){
:root{
/*.............. 编辑区 ..............*/
--EDIT-ui_size-11:min(0.85rem, 3.8vw);
--EDIT-ui-btn_margin:0 0.1em 0 0;
--EDIT-box_txt-size:0.9rem;
--EDIT-ui_outline: 0.5px solid var(--EDIT-border_color);
--EDIT-bottomtable_width:100%;
--EDIT-bottomtable_columns:100%;
--EDIT-bottomtable_tip-order:-1;
--EDIT-box-btn_padding:0 1em;
--EDIT-help_size:1em;
--EDIT-help_display: inline-grid;
--EDIT-ui-panel_margin: -0.5rem 0 0.5rem 0rem;
--lock-info111: var(--lock-info111_MOB);
--lock-info222: var(--lock-info222_MOB);
--lock-info333: var(--lock-info333_MOB);
/*.............. 历史区..............*/
--HISTORY-btn_size：1rem;
--HISTORY-form_columns:repeat(4, auto);
--HISTORY-perpage_width: 5rem;
/*-------------- 页脚 ----------------*/
--FOOT_size: 0.7rem;
--FOOT-wiki_display:none;
--LICENSE-link_size:0.9em;
--LICENSE_size:1em;
--LICENSE-link_display:block;
--FOOT-AD_width:50%;
}
}
/*
=====================================
页面全局
=====================================
*/
body {
font-family:var(--page-font), sans-serif;
background-color: var(--page-bg);
background-image:none;
}
#page-content p{
font-size: 1.1em;
letter-spacing: 0.5px;
}
tt {
font-family:var(--mono-font);
font-size: 98%;
}
::selection {
color: white;
background:var(--color-blue);
}
::-moz-selection {
color: white;
background:var(--color-blue);
}
a {
color: var(--color-red);
}
a:visited {
color:var(--accentColor);
}
a.newpage {
color: var(--color-kraft);
}
#page-content a {
border: none;
}
#page-content a {
border: none;
}
#page-content .printuser img.small {
padding-right: 0.25rem;
}
/* ----------------- 字体及字重 -------------------- */
#action-area h1,
div#extra-div-1:before, div#extra-div-1:after,
#page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5,h6) {
font-family:'华文中宋', 'Noto Serif SC', serif;
font-weight:600;
font-family:var(--page-tt-font), serif;
}
#header :is(h1,h1 a,h1 a::before, h2, h2::before){
font-family:var(--header-tt-font), serif;
font-weight:var(--header-tt-font-weight,500);
}
#header h2::before {
font-weight:var(--HD-h2_font-weight,600);
}
@media (max-width: 600px) {
div#extra-div-1:before, div#extra-div-1:after,
#page-title, .meta-title, #page-content :is(h1, h2, h3, h4, h5,h6) {
font-family:var(--mob-tt-font);
font-weight: var(--mob-hdtt-h1-font-weight,600);
}
#content-wrap {
/* overflow-x: hidden; */
}
}
/*
=====================================
版头
=====================================
*/
#container-wrap-wrap #container-wrap {
background-color: none;
background-image: none;
}
div#header {
background-image: none;
width: 100%;
max-width: 100%;
height: var(--HD_height_PC);
background-color:var(--HD_bg);
background-image: var(--HD_cover);
background-size:18rem;
background-position: 0% 0%;
background-repeat: repeat;
display: grid;
justify-content: space-between;
grid-template-columns: var(--HDgrid_column_left) minmax(300px, 100%) min-content var(--HDgrid_column_right);
grid-template-rows:0 var(--HDtt_top) minmax(var(--HDtt_size), 100%) minmax(var(--HD-h2_size), 100%) auto;
grid-template-areas:
'. upper upper . '
'. leftop rightop . '
'hdleft bigtt bigtt hdright'
'hdleft subtt subtt hdright'
'topbar topbar topbar topbar ';
}
#header h1, #header h2,
#top-bar,#login-status, #search-top-box{
position: initial;
display: grid;
top: 0;
left:0;
right:0;
margin: 0;
padding: 0;
height: auto;
align-content: center;
}
#header h1 a {
padding:0;
}
#header h1{
order: 1;
grid-area: bigtt;
display: inline-grid;
height: var(--HDtt_size);
line-height: 0;
}
#header h2{
order: 2;
grid-area: subtt;
align-content: var(--align-subtt, center);
}
/* ------------- ----
LOGO
------------------ */
#header-extra-div-1, #header-extra-div-2, #header-extra-div-3{
grid-area: upper;
}
#header-extra-div-1{
height: var(--HD_height);
width: 100%;
display: inline-flex;
justify-content: center;
top:var(--LOGO_top);
position: relative;
overflow: hidden;
}
#header-extra-div-1:before{
content: ' ';
display: inline-flex;
align-self: center;
position: relative;
height: var(--LOGO_size);
width: 100%;
background-size: contain;
background-position: var(--LOGO_position);
background-repeat: no-repeat;
background-image: var(--LOGO_image);
opacity: var(--LOGO_opacity);
}
#header-extra-div-2{
order:0
}
#header-extra-div-3{
order:0
}
/* ----------------
版头标题
--------------------- */
#header h1, #header h2 {
margin-left: 0;
float: none;
text-align: center;
z-index: 1;
pointer-events: none;
}
#header h1 span, #header h2 span {
font-size: 0;
display: none;
}
#header h1 a::before, #header h2::before {
text-shadow: none;
}
div#header h1 a{
top: var(--HD-h1_top);
position: relative;
letter-spacing: 0.1rem;
max-width: max-content;
margin: 0 auto;
}
div#header h1 a:before{
font-size:var(--HDtt_size);
content: var(--header-title);
color: var(--HDtt_color);
}
#header h2::before {
content: var(--header-subtitle);
font-size:var(--HD-h2_size);
top:var(--HD-h2_top);
color: var(--HD-h2_color);
}
/* ------------- ----
用户栏
------------------ */
#login-status{
grid-area: var(--area-status,rightop);
margin-top: var(--STATUS_top);
align-items: center;
align-self: start;
grid-gap: 0.5rem 0rem;
grid-template-columns:var(--STATUS_column-11) var(--STATUS_column-22) var(--STATUS_column-33) var(--STATUS_column-44,0);
grid-template-rows: var(--STATUS_row-11) var(--STATUS_row-22) var(--STATUS_row-33, auto);
grid-template-areas:
'left botton Account right'
'left messages username right';
width: max-content;
word-break: keep-all;
color: transparent;
font-size: 0;
max-width: var(--HD-menu_maxwidth);
min-width: var(--HD-menu_minwidth);
display: inline-grid;
height: var(--STATUS_height);
justify-self: var(--justify-status);
position: relative;
left:var(--STATUS_left, 0);
}
/*------- 账户与用户名 ----------*/
#login-status .printuser, #login-status #my-account , #account-topbutton{
color: var(--USER_line);
font-size: var(--USER_font-size);
margin-left: var(--STATUS_grid-gap);
}
#my-account{
grid-area: Account;
text-decoration: none;
order:0;
pointer-events: none;
width: auto;
display: var(--display-status-txt);
align-self: center;
font-family: var(--font_my-account);
font-weight: 600;
}
#login-status .printuser{
font-family: var(--font_printuser);
grid-area: var(--area-username,username);
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
text-overflow: '.';
letter-spacing: 0.1rem;
background-image:linear-gradient(40deg, transparent 0%, transparent 2%, var(--USER_line) 14%, var(--USER_line) 15%, var(--USER_line) 60%, transparent 90%, transparent 100%);
background-size: 100% 0.15rem;
background-repeat: no-repeat;
background-position:0 75%;
width: 90%;
max-width: min-content;
cursor: default;
padding: var(--STATUS_padding);
display: var(--display-topbox-notbtn);
}
#login-status:hover .printuser{
animation: user-script 1.5s;
}
#login-status:has(:is(#account-topbutton, a[href*="messages"]):hover) .printuser{
animation: none;
}
#login-status .printuser:hover{
color:var(--HD-h2_color) ;
-webkit-text-stroke: 0.5px var(--HD_mob_HOV);
}
@keyframes user-script{
0% {width:10%; background-size: 0% 0.15rem;text-overflow: ' ';}
80% {width:90%; background-size: 0% 0.15rem;text-overflow: ' ';}
100% {width:90%; background-size: 0% 0.15rem;}
}
#login-status .printuser a{
width: 100%;
position: relative;
display: inline-block;
margin-right: -100%;
height: 100%;
opacity: 0;
}
#login-status .printuser img.small {
height:var(--USER_font-size);
}
/*------- 菜单 ----------*/
#account-topbutton{
grid-area: botton;
font-size: 0rem;
border: none;
margin: 0
}
#account-topbutton:hover:before {
color: var(--HD_bg);
background-color: var(--USER_line);
}
#login-status #account-options{
font-size: var(--STATUS-btn_size);
position: relative;
background-color: var(--HD_bg);
border: 2px solid var(--USER_line);
grid-area: var(--area-account-options,left);
justify-self: var(--justify-account-options,end);
align-self: start;
overflow:hidden;
}
#account-options:hover, #login-status #account-options[style*="block"]{
display: inline-grid;
}
#account-options ul {
margin:-0.1rem;
width:105%;
height:105%;
}
#login-status #account-options a {
color: var(--USER-list_txt);
background-color: var(--HD_bg);
border: 1px solid var(--USER_line);
text-decoration: none;
}
#login-status #account-options a:hover {
background-color: var(--USER_line);
color: var(--USER-list_txt_HOVer);
border: 1px solid var(--USER_unline);
}
/*------------- 按钮 --------------------*/
#login-status:before,
#login-status:after,
#account-topbutton,
#login-status :not(div) + a[href*="messages"]{
display: inline-grid;
color:var(--USER_unline);
font-size: 0rem;
margin: 0;
padding: 0;
justify-items: left;
align-content: center;
margin-left: var(--STATUS_padding);
min-height: var(--HD-menu_height);
}
#account-topbutton:after,
#login-status :not(div) + a[href*="messages"]:after{
width: var(--STATUS-btn_grid);
height:var(--STATUS-btn_grid);
position: absolute;
}
/* 按钮样式 */
#login-status a:is(.login-status-create-account, .login-status-sign-in):before,
#login-status:before,
#login-status:after,
#search-top-box-form:before,
#account-topbutton:before {
display: inline-grid;
justify-content: center;
color: var(--USER_line);
content: '\f007';
font-family: FontAwesome;
font-size: var(--STATUS-btn_size);
border: var(--USER_line) solid 2px;
width: var(--STATUS-btn_btn);
min-height:var(--STATUS-btn_btn);
margin-right: var(--STATUS-btn_padding,0);
content: '\f007';
border-radius:40%;
padding:1px;
align-content: center;
}
/* 用户名旁的装饰 */
#login-status:before,
#login-status:after{
content:"\f05a";
grid-area: messages;
border:none;
font-size: var(--STATUS-btn_btn);
justify-content: end;
display:none;
}
#login-status:has(:not(div) + a[href*="messages"]):after{
display:none;
}
#login-status:before{
grid-area: botton;
}
#login-status:has(.printuser):after{
display: var(--display-status-txt, inherit);
}
/*------------- 私信 --------------------*/
#login-status :not(div) + a[href*="messages"]{
grid-area: var(--area-messages,messages);
display: inline-grid;
align-self: start;
align-content: center;
height: 0;
}
#login-status :not(div) + a[href*="messages"]:before{
content: '\f0e0 ';
font-size: var(--STATUS_grid);
font-family: 'FontAwesome';
color:var(--USER_line);
-webkit-animation-name: user-messages;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
-webkit-animation-duration: 1s;
animation-name: user-messages;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
animation-duration: 1s;
}
#login-status :not(div) + a[href*="messages"]:hover:before{
color:var(--HD_mob_HOV);
-webkit-animation-play-state:paused;
animation-play-state:paused;
}
#login-status > a > strong {
text-decoration: none ;
}
@-webkit-keyframes user-messages {
from { content: '\f0e0 '; }
to { content: '\f003'; }
}
@keyframes user-messages {
from { content: '\f0e0 '; }
to { content: '\f003'; }
}
/* ----------------- 未登录 ------------------- */
#login-status {
column-gap: var(--STATUS_gridbox-gap,0);
}
#login-status a:is(.login-status-create-account, .login-status-sign-in){
font-size:var(--unlogin-font-size);
grid-area: var(--area-create-account,botton);
font-family: var(--header-tt-font), var(--page-tt-font), serif;
font-weight:600;
color: var(--USER_line);
display:inline-grid;
white-space:nowrap;
grid-template-columns: var(--STATUS-btn_grid) auto;
grid-gap: var(--STATUS_grid-gap);
justify-content: start;
align-self: start;
text-decoration: none;
}
#login-status a.login-status-sign-in{
grid-area: var(--area-sign-in,messages);
}
#login-status a:is(.login-status-create-account, .login-status-sign-in):before{
content:"\f090";
font-family:fontawesome;
font-size:var(--STATUS-btn_size);
width: var(--STATUS-btn_btn);
height:var(--STATUS-btn_btn);
border-radius: 5px;
align-content: center;
margin-left: var(--STATUS_padding);
align-self: center;
}
#login-status a.login-status-create-account:before{
content:"\f234";
}
#search-top-box-form:hover:before,
#login-status :is(.login-status-create-account, .login-status-sign-in):hover:before{
color: var(--SEARCH_txt_HOV);
background: var(--SEARCH_bg_HOV);
}
/* ------------- ----
搜索栏
------------------ */
#header #search-top-box{
grid-area: var(--area-search, rightop);
justify-content: var(--justify-search,stretch);
align-content: start;
width: 100%;
min-width: var(--HD-menu_minwidth);
margin-top:var(--SEARCH_top);
position: relative;
left: var(--HD-menu_left);
height: var(--STATUS_grid);
}
#search-top-box-form {
position: relative;
display: grid;
width: initial;
grid-template-columns: var(--STATUS-btn_grid) auto;
grid-gap: var(--STATUS_grid-gap);
}
#search-top-box-form:before {
content: '\f002 ';
position: absolute;
z-index: -1;
border-radius: 5px;
align-self: center;
min-height: var(--STATUS-btn_btn);
margin-left: var(--STATUS_padding);
}
#search-top-box input.empty,
#search-top-box-input {
order: 2;
border: solid 2px var(--SEARCH_line);
background-color: transparent;
box-shadow: none;
color: var(--SEARCH_txt);
width: 100%;
margin-left:0.25rem;
display: var(--display-topbox-notbtn);
}
#search-top-box-form #search-top-box-input:hover,
#search-top-box-form #search-top-box-input:focus {
border: solid 2px var(--SEARCH_line);
color: var(--SEARCH_txt_HOV);
background-color:var(--SEARCH_bg_HOV);
box-shadow: none;
outline: none;
}
#search-top-box-form input[type="submit"]:focus,
#search-top-box-form input[type="submit"]:hover {
color: transparent;
background: transparent;
border: none;
box-shadow: none;
}
#search-top-box-form input[type="submit"] {
color: var(--SEARCH_txt);
background: transparent;
box-shadow: none;
border: none;
font-size: 0;
width: var(--USER_font-size);
height: var(--STATUS_grid);
margin-left: var(--STATUS_padding);
}
/*==========================
顶栏
==============================*/
#header #top-bar{
grid-area: topbar;
height: var(--TB_height);
font-size: var(--TB_font-size);
position: absolute;
background:var(--TB_bg);
background-size: cover;
background-position: 0% 0%;
max-width: 100%;
justify-content: center;
display: inline-grid;
align-items: center;
margin-top: var(--HDtt_gap);
}
#top-bar div.top-bar > ul > li > ul,
#top-bar .mobile-top-bar > ul > li > ul {
border: var(--accentColor) solid 2px ;
}
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
border-top:1px solid var(--accentColor);
}
#top-bar li ul li a {
background: var(--color-kraft);
border: var(--accentColor) solid 2px ;
}
#top-bar ul li a {
border-left: solid 1px rgba(264,64,64,.2);
border-right: solid 1px rgba(264,64,64,.2);
}
#header #top-bar a{
color:var(--TB_txt);
text-align:center;
font-size: var(--TB-li_size);
letter-spacing: 0.5px;
}
#header #top-bar .sfhover a{
color: var(--accentColor);
background-color:var(--color-kraft);
}
#header #top-bar a:hover{
background: var(--accentColor);
color: var(--color-gold);
}
/*==========================
版头窄屏
==============================*/
@media (max-width: 1100px) {
div#header{
--area-status:leftop;
--area-username:Account;
--area-account-options:username;
--area-sign-in:botton;
--area-create-account:Account;
--STATUS_top:0.5rem;
--STATUS_grid-gap:0rem;
--STATUS_padding:0.25rem;
--SEARCH_top:var(--STATUS_top);
--STATUS_column-22:min-content;
--STATUS_gridbox-gap:0rem;
--display-status-txt:none;
--HD-menu_maxwidth:80vw;
--justify-account-options:start;
}
}
@media (max-width: 767px) {
div#header{
--HD_height:var(--HD_height_PAD) ;
--HDtt_size:var(--HDtt_size_PAD) ;
--HD-h2_size:var(--HD-h2_size_PAD) ;
--header-title:var(--pad-title);
--header-subtitle:var(--pad-subtitle);
--HD_leftright:0;
--HD-h1_top:var(--HD-h1_top_PAD) ;
--HD-h2_top:var(--HD-h2_top_PAD) ;
--LOGO_image:var(--LOGO_image_PAD) ;
--LOGO_top:var(--LOGO_top_PAD) ;
--LOGO_size:var(--LOGO_size_PAD) ;
--LOGO_position:var(--LOGO_position_PAD) ;
--HDtt_gap:var(--HDtt_gap_MOB);
--align-subtt:var(--align-subtt_PAD) ;
--display-topbox-notbtn:none;
--HD-menu_minwidth:var(--STATUS_grid);
--HD-menu_maxwidth:var(--STATUS_grid);
--area-status:upper;
--area-search:upper;
--STATUS_row-22:auto;
--STATUS_row-33:0;
--STATUS_column-11:var(--HD-menu_minwidth);
--STATUS_column-22:var(--HD-menu_minwidth);
--STATUS_column-33:var(--HD-menu_minwidth);
--STATUS_column-44:0;
--HD-menu_left:-0.5rem;
--STATUS_gridbox-gap:calc(var(--STATUS_padding) + var(--HD-menu_left) - var(--HD-menu_left) * 2);
--STATUS_left:calc(0rem - var(--STATUS_gridbox-gap) + var(--HD-menu_left) * 1.5 - var(--STATUS-btn_size) - var(--STATUS_grid) * 2 );
--unlogin-font-size:0rem;
--area-account-options:username ;
--area-messages:left;
--area-sign-in:left;
--area-create-account: botton ;
--justify-account-options:end;
--justify-status:end;
--justify-search:end;
}
.mobile-top-bar {
width: 100%;
justify-content: center;
display: inline-flex;
bottom: unset;
left: unset;
}
}
@media (max-width: 480px) {
div#header{
--HD_height:var(--HD_height_MOB);
--HDtt_size:var(--HDtt_size_MOB);
--HD-h2_size:var(--HD-h2_size_MOB);
--header-title:var(--mob-title);
--header-subtitle:var(--mob-subtitle);
--HD-h2_font-weight: 400;
--HD-h1_top:var(--HD-h1_top_MOB);
--HD-h2_top:var(--HD-h2_top_MOB);
--align-subtt:var(--align-subtt_MOB);
--LOGO_image:var(--LOGO_image_MOB);
--LOGO_top:var(--LOGO_top_MOB);
--LOGO_size:var(--LOGO_size_MOB);
--LOGO_position:var(--LOGO_position_MOB);
}
}
/*=====================================
标题
=====================================*/
/* ----------- 页面标题 ---------------- */
#page-title,
#page-content .meta-title{
display: var(--PGTT_display, grid);
width: 100%;
font-size: var(--PGtt_size);
font-weight: var(--PGTT_weight, 00);
color: var(--PGtt_txt-color);
background: var(--PGtt_bg);
background-size: var(--PGtt_bg-size,contain);
background-repeat:no-repeat;
background-position: center;
position: relative;
border: none;
justify-content: center;
align-items: end;
text-align: var(--PGTT_text-align,center);
grid-template-columns: 100%;
grid-template-rows: min-content var(--PGtt_underbox-gap) var(--PGtt_underbox-height);
grid-template-areas: 'body' 'gap' 'underbox' ;
margin-bottom:0.5rem;
}
.meta-title:before,
#page-title:before{
grid-area:underbox;
align-self: center;
content: ' ';
height:var(--PGtt-linebox_gap);
background:transparent;
border:var(--PGtt-linebox_space) solid;
border-image-source:var(--PGtt-lines-img);
border-image-width: var(--PGtt-line01_height) 0px var(--PGtt-line02_height) 0px;
border-image-slice: 100% 0 100% 0;
border-image-repeat: repeat;
-webkit-clip-path:var(--PGtt-line02_clip);
clip-path:var(--PGtt-line02_clip);
/* 留空 */
background: var(--PGtt-linebox_background);
}
.meta-title:after,
#page-title:after{
grid-area:underbox;
justify-self: center;
align-self: center;
text-align:center;
content: var(--PGtt-orn_content);
background:var(--PGtt_ornBG);
background-size:var(--PGtt_ornBG-size, contain);
background-repeat: no-repeat;
background-position: center;
height:var(--PGtt-orn_height,var(--PGtt-orn_width));
width:var(--PGtt-orn_width);
font-size: var(--PGtt-orn_size);
color: var(--PGtt-orn_txt-color);
z-index: 1;
font-family: 'FontAwesome',var(--RATE_font);
margin-top: var(--PGtt-orn_top);
}
/* ----------- 内文一级标题 ---------------- */
#action-area h1,
#page-content h1 {
font-weight: bold;
margin-top: 0.6rem;
margin-bottom: 0.6rem;
display: flex;
}
#page-content h1 {
font-weight: bold;
margin-bottom: 0.6rem;
display: flex;
}
#action-area h1:after,
#page-content h1::after {
content: " ";
flex-grow: 1;
display: inline-flex;
height: 0.1rem;
margin: auto auto auto 0.375rem;
color: var(--accentColor);
background-color: var(--dark-accent);
width:auto;
}
#page-content blockquote :is(blockquote, .blockquote) h1,
#page-content .blockquote :is(blockquote, .blockquote) h1,
#page-content div:is(.note-nobody, .yui-content, .blockquote, .code, .mz-cover, .mz-textquote, .mz-outbox, .mz-blockquote,mz-board, .clip-wrap, .note-page, .mz-note ) h1{
display: block;
}
h1 {
color: var(--color-red);
font-size: var(--PG-h1_size, 190%);
}
h2 {
font-size: var(--PG-h2_size, 170%);
}
h3 {
font-size: var(--PG-h3_size, 150%);
}
h4 {
font-size: var(--PG-h4_size, 130%);
}
h5 {
font-size: var(--PG-h5_size, 110%);
}
h6 {
font-size: var(--PG-h6_size, 100%);
}
h2, h3, h4, h5, h6 {
color: var(--color-navy);
}
/* ----------- 面包屑导航------------ */
#breadcrumbs {
margin: 0.5em 0em;
}
/*=====================================
标题与侧边栏适应
=====================================*/
#side-bar .side-block:first-child {
padding-top: 0;
margin-top: 2em;
}
#content-wrap{
display: flex;
justify-content: flex-start;
align-items: flex-start;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-top: var(--main-top);
width:var(--main-width, 100vw);
flex-grow: 1;
width:var(--main-width, 100vw);
padding: 0 0rem;
}
#main-content{
margin: 0 auto;
padding-top: 0;
width:var(--content-width, 56rem);
max-width:calc(98% - var(--SB_width-total));
padding-right: var(--main-padding-right);
padding-left:var(--main-padding-left);
position: initial;
}
#side-bar,
#content-wrap:after{
content: ' ';
max-width: var(--SB_width);
height:12rem;
flex-grow: 1;
flex-shrink: 0;
}
#content-wrap:after{
flex-grow: 0;
flex-shrink: 100;
flex-basis:var(--SB_width-total,inherit);
width: 0;
margin-right:var(--SB-blank_left);
margin-left:var(--SB-blank_right);
}
@media (max-width: 0rem){
#main-content{
padding-left:10rem;
}
}
@media (max-width: 767px){
#main-content{
--PGtt_size: var(--PGtt_size_PAD) ;
--main-top: var(--main-top_PAD) ;
flex-grow: 1;
max-width:90%;
padding-left:0;
padding-right:0rem;
}
#content-wrap #side-bar{
left: -27em;
flex-basis: 0;
position: absolute;
}
#content-wrap:before,
#content-wrap:after{
display:none;
position: absolute;
margin:0;
}
}
@media (max-width: 479px) {
#content-wrap{
--main-top:var(--main-top_MOB);
}
#main-content{
--PGtt_size: var(--PGtt_size_MOB);
--PG-h1_size:150%;
--PG-h2_size:135%;
--PG-h3_size:120%;
--PG-h4_size:110%;
--PG-h5_size:100%;
--PG-h6_size:90%;
}
}
/*=====================================
侧边栏
=====================================*/
/* ----------- 侧边栏样式 ---------------- */
#side-bar{
flex-basis:var(--SB_width,inherit);
min-width:var(--SB_width,16em);
position: relative;
margin-left:var(--SB-blank_left);
margin-right:var(--SB-blank_right);
left: 0;
height:100%;
margin-top: var(--SB-topbox_top222);
padding: 0;
background-color: var(--SB-bg_PC);
filter: none;
box-shadow:none;
border: none;
border-radius: 0;
letter-spacing:0.5px;
}
/* ----------- 侧边栏图片与文本 ---------------- */
#side-bar:before {
position:relative;
height:auto;
width: 100%;
background-size: auto var(--SB-topbox_size);
background-image:var(--LOGO_sidebar);
background-repeat: no-repeat;
background-position: top center;
background-color: var(--SB-bg_PC);
opacity: var(--LOGO_sidebar-opacity);
left: 0;
color:var(--SB-content_color);
content:var(--SB_content);
font-family: var(--handwriting-font);
font-size: var(--SB-phrase_size);
display: inline-grid;
justify-content: center;
padding-top: var(--SB-phrase_top);
margin-top: 1rem;
white-space: break-spaces;
}
/* ----------- 侧边栏内部 ---------------- */
#side-bar div.side-block :not(a) img{
display: none ;
}
#side-bar div.side-block:not(.side-links) a img{
display: inline-block ;
}
#side-bar div.side-block img[alt*="cc-by-sa"]{
margin: 0 auto;
}
#side-bar div.side-block a[href*="https:"]:not([href*="wikidot"]){
background: none ;
padding: 0;
}
#side-bar .side-block {
padding: 0rem 0.8rem;
padding-top: 20px;
border: none;
border-radius:0px;
box-shadow: none;
background: transparent;
background-color: transparent !important;
}
/* 分割线 */
#side-bar hr{
display: none;
}
#side-bar .side-block hr{
display: block;
border-top: 2px dotted var(--color-hr-sidebar);
}
/*-----------------侧边栏 Media 图标 -----------------------*/
#side-bar .media img{
transition:transform 0.2s;
}
#side-bar .media img:hover{
--media-scale:1.2;
-ms-transform:scale(var(--media-scale));
-moz-transform:scale(var(--media-scale));
-webkit-transform:scale(var(--media-scale));
-o-transform:scale(var(--media-scale));
transform:scale(var(--media-scale));
transition:transform 0.1s;
}
/*-----------------侧边栏主页按钮 / MAIN PAGE BTN -----------------------*/
#side-bar .menu-item a[href="/"],
#side-bar .menu-item a:visited,
#side-bar .menu-item a{
color: var(--SB-link_txt);
padding:0.2rem 0.3rem;
font-size: var(--SB-main_size);
}
#side-bar .menu-item a[href="/"]:hover,
#side-bar .menu-item a:hover {
color:var(--SB-link_txt_HOV);
background-color: var(--SB-link_bg_HOV);
text-decoration: none;
}
#side-bar .menu-item a[href="/"] {
font-family: var(--handwriting-font);
top: 0.5em;
position: relative;
}
#side-bar .side-block:nth-of-type(2) .menu-item:first-child{
text-align: center;
}
#side-bar .menu-item a {
font-size: var(--SB-link_size);
}
/* ---------------栏目------------------ */
#side-bar .heading:not(:first-child) {
margin-top: 1.5em;
}
#side-bar .heading {
border-bottom: solid 0px transparent;
padding:0;
margin-bottom: 5px;
font-size: var(--SB-hdtxt_size);
font-weight: bold;
color:var(--SB-hdtxt_color);
width: 100%;
}
#side-bar .heading p{
padding-left:var(--SB-hdtxt_left);
padding-bottom: var(--SB-hdtxt_bottom, 0.1em);
}
/* -------- 中分侧边栏的系列 ---------- */
.menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) {
width:100%;
display: inline-grid;
grid-template-columns: 15% 2% 20% 2% 20% 2% 20% 2% 20% 0% ;
font-size: 0;
justify-items: center;
}
.menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) a{
--SB-item-line_cl:var(--color-dark);
text-align: center;
width: 100%;
border-image-source:linear-gradient(transparent 15%, var(--SB-item-line_cl) 15%, var(--SB-item-line_cl) 85%, transparent 85%);
border-image-width: 0 0.1rem 0 0;
border-image-slice: 0 100% 0 0;
border-image-outset: 0 1 0 0;
}
.menu-item:has(a[href="/"]) ~ .menu-item:has(a[href*="/scp-series"]) :is(a:hover, a:last-child, a[href*="5"]) {
--SB-item-line_cl:transparent
}
/*-----------------底部线条 -----------------------*/
#side-bar .heading:after,
#side-bar .collapsible-block-folded:after,
#side-bar .collapsible-block-unfolded-link:after{
content: ' ';
position: relative;
display: block;
max-width: 100%;
width: 100%;
font-size: var(--SB-hdtxt_size);
height: 0.15em;
border-top: var(--SB-line11_size) solid var(--SB-line_cl);
border-bottom: var(--SB-line22_size) solid var(--SB-line_cl);
-webkit-clip-path: var(--SB-line_clip);
clip-path: var(--SB-line_clip);
}
/*-----------------侧边栏折叠 / collapsible -----------------------*/
#side-bar .collapsible-block-folded{
background: none;
}
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar div.collapsible-block div.collapsible-block-folded > .collapsible-block-link {
display: block;
font-size: var(--SB-hdtxt_size);
margin: 0;
}
/* 提示 */
#side-bar .collapsible-block-unfolded-link .collapsible-block-link,
#side-bar a.collapsible-block-link{
color:var(--SB-fold_color);
text-decoration: none;
margin-left: 0px;
font-family: 'FontAwesome',var(--RATE_font);
}
#side-bar .collapsible-block-folded a.collapsible-block-link:before{
content: '\f0fe \00A0 ';
}
#side-bar .collapsible-block-unfolded-link a.collapsible-block-link:before {
content: '\f146 \00A0';
}
#side-bar .collapsible-block-folded a.collapsible-block-link:hover:before{
content: '\f13a \00A0 ';
}
#side-bar .collapsible-block-unfolded-link a.collapsible-block-link:hover:before {
content: '\f139 \00A0';
}
/* 折叠内容 */
#side-bar .collapsible-block-unfolded-link,
#side-bar .collapsible-block-unfolded {
border: none;
}
#side-bar .collapsible-block .menu-item:first-child{
padding-top: 0.5rem;
}
/* ----------- 手机样式 ---------------- */
#content-wrap #side-bar:target {
display: block;
left: 0;
position: fixed;
background-color:var(--HD_bg);
background-image: var(--HD_cover);
background-size:300px;/* 20% */
background-position: 0% 0%;
background-repeat: repeat;
border: none;
border-right: 2px solid rgba(0,0,0,0.2);
overflow-y: scroll;
overflow-x: hidden;
}
@media (max-width: 1100px){
#content-wrap #side-bar {
--SB-blank_right:0rem;
--SB-blank_left:0rem;
}
}
@media (max-width: 767px){
#content-wrap #side-bar {
--SB-fold_color:var(--color-darkred);
position: fixed;
top: 0;
margin-top: 0;
margin-left: 0;
left: -20rem;
z-index: 50;
background-image: var(--HD_cover);
background-color:var(--SB-bg_PC);
background-color:var(--HD_bg);
}
#side-bar:before {
background-color: var(--SB-bg_MOB);
background-image: var(--LOGO_sidebar_MOB);
pointer-events: none;
}
#side-bar:target .close-menu {
background: rgba(0,0,0,0.2) 1px 1px repeat;
}
div.scpnet-interwiki-wrapper {
margin:0;
min-height: 300px;
}
#header #top-bar .open-menu a {
position: fixed;
top: var(--SB-btn_top);
z-index:20;
border-radius: 5px;
border: 0.15rem solid var(--SB-btn_border_cl);
color: var(--SB-btntxt_cl);
background-color: var(--SB-btn_bgcl);
background-image: var(--SB-btn_image, unset);
font-size:0rem;
display: inline-flex;
justify-content: center;
align-items: center;
width: var(--SB-btn_square);
height: var(--SB-btn_square);
left: var(--SB-btn_left);
}
#header #top-bar .open-menu a:before {
content: var(--SB_btntxt);
font-size:var(--SB-btntxt_size);
font-family: FontAwesome;
}
#header #top-bar .open-menu a:hover {
--SB-btntxt_size: var(--SB-btntxt_size_HOV);
--SB-btntxt_cl: var(--SB-btntxt_cl_HOV);
--SB-btn_bgcl:var(--SB-btntxt_bg_HOV);
-webkit-box-shadow:none;
box-shadow:none;
}
}
/*=====================================
评分栏
=====================================*/
.rateBox .creditButton p a:focus,
.page-rate-widget-box a:focus{
user-select:none;
background:transparent;
}
.talking-box, .creditRate, .page-rate-widget-box{
--RATE-btn_filter: drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))
drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))
drop-shadow(0px 0px 0.2px var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px var(--RATE-flag_gap))
drop-shadow(0px 0px 0.1px var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px var(--RATE-flag_gap))
drop-shadow(0px 0px 0.1px var(--RATE-flag_gap)) drop-shadow(0px 0px 0.1px var(--RATE-flag_gap))
drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag))
drop-shadow(0px 0px 0.5px var(--RATE_boder-flag)) drop-shadow(0px 0px 0px var(--RATE_boder-flag));
--unfold-credit-top:2px /* 第一列加起来 */;
}
@-moz-document url-prefix() { /* 火狐专属 */
.mz-talking-wrap, .rateBox, .page-rate-widget-box {
--RATE_boder-flag: rgba(33,33,33,0.7);
}
}
/* ---------------------------------
----------- 常规 -----------
-------------------------------------- */
.page-rate-widget-box {
border-radius: 0;
box-shadow: none;
margin-top:1px;
margin-bottom:var(--RATE-box_margin-bottom);
margin-right: 0.5rem;
position: relative;
user-select:none;
z-index: 0;
transition-delay: 0.5s;
}
.page-rate-widget-box:hover {
z-index: 2;
transition: z-index 0s;
transition-delay: 0s;
}
/* .....评分文本栏和第一底线..... */
#main-content .page-rate-widget-box .rate-points {
border: solid 0px transparent;
border-bottom: solid var(--RATE-line_width, 2px) var(--RATE-num_border);
border-radius: 0;
padding-top:var(--RATE_padding-top, 0.5rem);
padding-right:var(--RATE_padding-left, 1rem);
padding-bottom: var(--RATE-line_bottom,0.1rem);
font-size: 0;
color:var(--RATE-num_txt) ;
position: relative;
z-index: 1;
display: inline-grid;
align-self: start;
align-items: baseline;
background-color: transparent !important;
background-image:var(--hollow-image,none);
margin-bottom: var(--RATE-line_bottom);
grid-template-columns: var(--RATE_column-11) var(--RATE_column-22) var(--RATE_column-33);
grid-template-rows: var(--RATE_row-11) var(--RATE_row-22) var(--RATE_row-33);
grid-template-areas:
'top top top '
'. text number'
'. line line'
'bottom bottom bottom' ;
}
.page-rate-widget-box .rate-points {
background-color: transparent !important;
}
/* 第二条底线 */
.rate-points::after {
grid-area: line;
content: ' ';
border-bottom: solid var(--RATE-line_width, 2px) var(--RATE-num_border);
}
/* 背景遮板 */
.page-rate-widget-box:before {
content: ' ';
height: var(--RATE-box_heigh);
background-color: var(--RATE_bg);
display: inline-block;
position: absolute;
z-index: 1;
width:var(--RATE_plank-width);
left: var(--RATE_plank-left);
}
/* 评分数字 */
.rate-points .number {
font-size: var(--RATE-num_size);
background-color:var(--RATE-num_bg);
color:var(--RATE-num_num);
padding: 0 var(--RATE-num_padding);
letter-spacing: 1px;
line-height: var(--RATE-num_lh);
word-break: keep-all;
grid-area: number;
}
/* 评分文本 */
.page-rate-widget-box .rate-points:before {
grid-area: text;
content: var(--RATE_text);
font-size: var(--RATE-txt_size,0.8rem);
padding: 0 var(--RATE-num_padding);
margin-left: 0rem;
font-family: 'FontAwesome',var(--RATE_font);
letter-spacing: 0.2rem;
color: var(--RATE-info_btn);
word-break: keep-all;
white-space:pre;
}
.page-rate-widget-box:hover .rate-points:before {
content: var(--RATE_text_HOV) ;
}
/*.....评分旗子........*/
.page-rate-widget-box span.btn {
background-color: transparent;
border: solid 0px transparent;
}
.mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a,
.page-rate-widget-box span.btn {
font-size: var(--RATE-btn_size);
height:var(--RATE-btn_height);
width: var(--RATE-btn_width);
text-align: center;
padding: 0;
-webkit-filter:var(--RATE-btn_filter);
filter:var(--RATE-btn_filter);
position: absolute;
left: 0;
display: inline-flex;
justify-content: center;
}
.mz-unfold-swap .creditRate span.btn {
position: relative;
}
.page-rate-widget-box span.btn a{
width: 100%;
background-color: var(--RATE-btn_bgcolor);
color: var(--RATE-btn_color);
margin: 0;
padding-bottom:0;
display: inline-flex;
justify-content: center;
align-content: start;
}
.mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:before,
.page-rate-widget-box span.btn a{
--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);
}
.modalbox .page-rate-widget-box .btn:nth-child(2),
.page-rate-widget-box .btn:nth-child(2){
margin-left: var(--RATE_gap-rateup);
}
.modalbox .page-rate-widget-box .btn:nth-child(3),
.page-rate-widget-box .btn:nth-child(3){
margin-left: var(--RATE_gap-ratedown);
}
.modalbox .page-rate-widget-box .btn:nth-child(4),
.page-rate-widget-box .btn:nth-child(4){
margin-left:var(--RATE_gap-cancel);
}
.modalbox .page-rate-widget-box .btn:nth-child(4),
.page-rate-widget-box .btn:nth-child(4){
margin-right: var(--RATE_flagLAST-mgRidght, 0.6rem);
}
/* 模块底界 */
.page-rate-widget-box:after{
position: absolute;
content: ' ';
width: 100%;
height: 0;
background-color: transparent ;
display: block;
z-index: -1;
}
.page-rate-widget-box:hover:after{
height: var(--RATE-btn_height);
}
/*..........鼠标移过..........*/
.page-rate-widget-box span.btn:hover {
background: transparent;
}
.page-rate-widget-box span.btn{
top:var(--RATE_padding-top);
transition-property:var(--RATE-flag_top);
transition-duration: 0.5s;
height:var(--RATE-btn_width);
}
.page-rate-widget-box span.btn a:hover {
background: var(--RATE_bg_HOV);
color:var(--RATE-txt_HOV);
border-radius: 0;
}
.page-rate-widget-box:hover :is(.rateup, .ratedown, .cancel ) {
top:var(--RATE-box_heigh);
transition-property:all;
transition-duration: 0.5s;
height: var(--RATE-btn_height);
}
.image
.page-rate-widget-box:hover .btn:nth-child(2){
transition-delay: 0s;
}
.page-rate-widget-box:hover .btn:nth-child(3) {
transition-delay: 0.2s;
}
.page-rate-widget-box:hover .btn:nth-child(4){
transition-delay: 0.3s;
}
/* ---------------------------------
著作信息栏
--------------------------------- */
.rateBox .rate-box-with-credit-button{
background-color: transparent;
border: none;
border-radius: 0x;
box-shadow: none;
user-select:none;
}
.rateBox .rate-box-with-credit-button{
display: flex;
}
#page-content .creditRate{
margin-right: 0;
}
.creditButton p{
position: absolute;
}
.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);
}
.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);
}
.creditRate :is(.creditButton, .creditButtonStandalone) a:before{
content: "\f129";
color: var(--RATE-num_num);
position: absolute;
top: var(--RATE-btn_mgleft);
left: var(--RATE-btn_mgleft_half);
font-size: var(--RATE-txt_size);
z-index: 1;
}
.creditRate :is(.creditButton, .creditButtonStandalone) a:hover::before{
color: transparent;
}
.creditRate :is(.creditButton, .creditButtonStandalone) a:hover::after{
content: '\f07c'
}
/* 著作信息内部弹窗 */
.modalbox hr{
border: none;
}
.modalcontainer .modalbox .close-credits {
-webkit-filter:sepia(100%) saturate(500%) brightness(200%);
filter: sepia(100%) saturate(500%) brightness(200%);
}
.modalcontainer .modalbox h2:first-child{
color: var(--RATE-mobox_tt);
}
/* 著作信息评分栏 */
div:is(#u-credit-view, #u-credit-otherwise) .modalcontainer .modalbox {
--RATE_bg: var(--RATE-mobox_bg) ;
--RATE-info_btn:var(--RATE-mobox_txt) ;
--RATE-num_num: var(--RATE-mobox_bg);
--RATE-num_bg: var(--RATE-mobox_border) ;
--RATE_boder-flag:var(--RATE-mobox_border);
--RATE-flag_gap: var(--RATE-num_bg);
--RATE-btn_bgcolor:var(--RATE-mobox_bg) ;
--RATE_bg_HOV:var(--RATE-mobox_btn);
--RATE-txt_HOV:var(--RATE-mobox_tt);
background: linear-gradient(var(--RATE-mobox_border) 51px,var(--RATE-mobox_bg) 51px);
border: var(--RATE-num_bg) solid 4px;
color: var(--RATE-mobox_txt) ;
scrollbar-color: var(--RATE-mobox_btn) var(--RATE-mobox_border);
}
.modalbox .page-rate-widget-box {
top:-10px;
}
.modalcontainer :is(a, .rateup a, .ratedown a, .cancel a) {
color: var(--RATE-mobox_btn);
}
/* ----------- 单个著作信息框 ---------------- */
.creditRate .creditButtonStandalone :is(a, a:hover) {
background: none;
box-shadow: none;
text-decoration: none;
}
.creditRate .creditButtonStandalone a::before {
top: 0;
}
/* ----------- TAB 里的颜色 ---------------- */
.yui-content .page-rate-widget-box .btn:not(:first-child),
.yui-content .page-rate-widget-box:before {
background-color: var(--tabMain-bg);
}
.yui-content .rate-points .number{
color: var(--tabMain-bg);
}
.yui-content .page-rate-widget-box .btn:not(:first-child)::after{
border-color: var(--tabMain-bg) var(--tabMain-bg) transparent var(--tabMain-bg);
}
/* ----------- 窄屏 ---------------- */
@media (max-width: 500px){
.page-rate-widget-box {
z-index: 0;
}
/* 让著作信息按钮在窄屏下，不出框架 */
.creditButton p{
position: relative;
}
}
/* ---------------------------------
展开评分旗子
--------------------------------- */
.mz-unfold-swap .page-rate-widget-box {
--RATE_text:'\00A0 \00A0 评分';
--RATE_text_HOV:'\00A0 \00A0 评分';
--RATE-flag_topHover: 0;
--RATE_padding-top:0;
display: inherit;
}
.mz-unfold-swap .creditButton,
.mz-unfold-swap .page-rate-widget-box {
margin-right: 0rem;
}
.mz-unfold-swap .page-rate-widget-box::before,
.mz-unfold-swap .page-rate-widget-box::after,
.mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:after {
display: none;
}
.mz-unfold-swap .page-rate-widget-box span.btn{
height: var(--RATE-btn_height);
top: 0;
left: 0;
margin-left: var(--flag-delta-size);
}
.mz-unfold-swap .modalbox .page-rate-widget-box{
width: max-content;
margin: 0 auto;
right:var(--RATE_gap-cancel);
}
.mz-unfold-swap .modalbox .page-rate-widget-box span.btn{
top:unset;
left: unset;
}
/* 著作信息 */
.mz-unfold-swap .page-rate-widget-box span.btn:last-child {
margin-right: 0;
}
.mz-unfold-swap .creditRate .creditButton{
display: inline-flex;
position: relative;
margin-left: var(--RATE-btn_mgleft);
}
.mz-unfold-swap .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;
}
#main-content .mz-unfold-swap .page-rate-widget-box .rate-points {
/*! padding: 0; */
}
.mz-unfold-swap .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;
}
.mz-unfold-swap .creditRate :is(.creditButton, .creditButtonStandalone) a:hover{
--RATE-btn_bgcolor:var(--RATE_bg_HOV);
}
/*=====================================
正文元素
=====================================*/
/* ----------- 表格 ------------ */
table.wiki-content-table th {
--RATE-txt_size: var(--RATE-btn_size);
color: var(--RATE-num_bg);
margin: auto;
left: unset;
top: unset;
background-color:var(--color-light);
}
/* ----------- 目录（有空再弄） ------------ */
#page-content #toc-action-bar a {
padding: 0;
}
#toc{
min-width: 10rem;
padding: 0em 0em;
border: 0px solid var(--TOC-bd_cl);
background-color: transparent;
display: table;
line-height: var(--TOC-line_height);
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
font-size: var(--TOC-txt_size);
/*! text-align: center; */
border-radius: 0rem 0.875rem;
border-bottom: solid 0.2rem var(--TOC-bd_cl);
border-top: solid 0.2rem var(--TOC-bd_cl);
position: relative;
flex-direction: column;
}
#toc .title {
visibility: hidden;
margin-top: -1rem;
padding: 0;
position: relative;
text-align: left;
}
#toc .title:before {
content:var(--TOC_text-tt,'目录') ;
visibility: visible;
padding: 0.2rem 0.4rem;
background-color:var(--TOC-tt_bg);
color:var(--TOC-tt_cl);
border-radius: 0.5rem;
border: 2px solid var(--TOC-bd_cl);
}
#toc #toc-action-bar{
order: 3;
text-align: right ;
}
#toc #toc-action-bar {
padding: 0;
line-height: 0.5rem;
position: relative;
bottom: -0.5rem;
}
#toc-action-bar a{
font-size:0;
text-decoration: none;
}
#toc-action-bar a[onclick*="foldToc"]:before,
#toc-action-bar a[onclick*="unfoldToc"]:before{
font-size: initial;
padding: 0.2rem 0.4rem;
font-family: var(--page-font);
background-color:var(--TOC-tt_bg);
color:var(--TOC-tt_cl);
border-radius: 0.5rem;
border: 2px solid var(--TOC-bd_cl);
}
#toc-action-bar a[onclick*="foldToc"]:before{
content: var(--TOC_text-fold);
}
#toc-action-bar a[onclick*="unfoldToc"]:before{
content: var(--TOC_text-unfold);
}
#toc-action-bar a[onclick*="foldToc"]:hover:before,
#toc-action-bar a[onclick*="unfoldToc"]:hover:before{
background: var(--TOC-bd_cl);
color:var(--TOC-tt_bg);
}
/* ----------- 引用块 ------------ */
blockquote,
div.blockquote {
border: 2px dashed var(--QUOTE_border);
padding:0.5rem 0.8rem;
margin: 1rem 3em;
background-color: var(--QUOTE_bg222);
}
/* ----------- 替代引用块的div ------------ */
.mz-board,
.mz-blockquote {
border: 3px double var(--QUOTE_border);
border-left: 5px solid var(--QUOTE_border-left);
padding:0.5rem 0.8rem;
margin: 1rem 3em;
background-size:80px;/* 20% */
background-position: 0% 0%;
background-repeat: repeat;
}
.mz-board:after,
.mz-blockquote:after {
content: '\f06c ';
font-family: 'FontAwesome';
display: block;
font-size: 1.2rem;
width: 1rem;
height:1rem;
padding: 0.5rem;
float: right;
position: relative;
margin-right: -1.5rem;
margin-top:-1rem;
background-color: var(--QUOTE_corn,var(--page-bg));
}
.mz-board:after,
.mz-blockquote div .mz-blockquote:after,
.mz-blockquote div .mz-blockquote:after {
content: '\f02e ';
font-family: 'FontAwesome';
font-size: 1.2rem;
background: none;
margin-right: -1.5rem;
margin-top:-0.5rem;
}
.mz-blockquote .mz-blockquote .mz-blockquote:after {
display: none;
}
.mz-board{
border: 2px solid #333;
border-left: 7px solid #333;
background: rgba(150,150,150,0.1);
}
.yui-content .mz-blockquote::after {
background-color: var(--tabMain-bg);
}
.mz-tab-line .yui-content .mz-board::after,
.mz-tab-line .yui-content .mz-blockquote::after {
background-color: var(--page-bg);
}
.mz-cover,
.mz-paper{
border: 3.5px double #555;
padding:0.5rem 1rem;
margin: 1rem 1rem;
background-size:100px;
background-position: 0% 0%;
background-repeat: repeat;
background-color:var(--mz-paper-bg);
background-image: var(--HD_cover);
}
.mz-cover{
border: 2px solid var(--color-navy);
background-color:var(--color-kraft);
background-image: var(--HD_cover);
}
/**/
.mz-textquote {
border-left: 5px #75878a solid;
color: #75878a;
padding:0px 0px 0px 1em;
margin: 0.5em 1em;
}
.mz-textquote *:first-child{
margin-top: 0.2rem ;
}
.mz-textquote *:last-child{
margin-bottom: 0.2rem;
}
/* 引用块 与 div块 在手机格式下的边距 */
@media (max-width: 600px){
blockquote, div.blockquote,
.mz-paper, .mz-blockquote,
.mz-board, .mz-cover {
margin: 0.6rem 0.5rem;
padding:0.5em 1em;
}
}
/* ----------------- 异学会装饰性框架 ---------------------- */
.poem-7 {
font-size:210%;
font-family: '思源宋体 CN', '宋体';
text-align:center;
}
@media (max-width: 479px) {
.poem-7 {
font-size:120% ;
}
.yxh-maxim{
margin: 2rem;
}
.yxh-outbox, .ej-outbox{
}
}
.box-outbox, .mz-outbox{
border: solid 1px #C0C0C0;
padding: 2% 2%;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.box-innerbox, .mz-innerbox{
border: solid 1px #C0C0C0;
padding: 2% 2%;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.box-tabcell, .mz-tabcell{
border: solid 1px #C0C0C0;
padding: 10px 15px;
box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.suojin{
text-indent: 2em;
}
.suojin-aaa{
text-indent: 2em;
margin-top: -1rem;
}
/*-------------- 便利贴与脚注 ------------------*/
.hovertip .content .footnote,
.mz-note{
min-width: 15vw;
}
.hovertip .content,
.mz-note{
background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent var(--tip-dogear-size) ,var(--tip-color) var(--tip-dogear-size), var(--tip-color) 100%);
-webkit-filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
filter: drop-shadow(0px 0px 2px rgba(var(--tip-bdcl),0.5));
}
.hovertip .content:after,
.mz-note::after{
content: " ";
display: block;
width: var(--tip-dogearoll-size);
height: var(--tip-dogearoll-size);
background-size:contain;
background-image:linear-gradient(var(--tip-deg),transparent 0%, transparent 50% , var(--tip-color) 50%, var(--tip-color) 100%);
float: right;
margin: 0 -0.5rem -0.5rem 0;
-webkit-filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6)) drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
filter: drop-shadow(-2px -1px 4px rgba(var(--tip-bdcl),0.6)) drop-shadow(2px -1px 1px rgba(var(--tip-bdcl),0.2)) grayscale(50%);
position: absolute;
bottom: 0;
right: 0;
margin: 0;
}
.mz-note.note-left{
--tip-deg:45deg;
}
.mz-note.note-left:after{
float: left;
right: unset;
left: 0;
}
.mz-note .blockquote,
.mz-note blockquote{
padding:0 1em;
margin: 1rem 1em;
}
.mz-note hr{
border-width: 2px;
border-style: solid;
}
#page-content .mz-note{
max-width:var(--tip-maxwidth_PC);
padding: 0.5rem;
}
a.footnoteref {
display: inline-flex;
font-family:var(--page-tt-font);
text-decoration: none;
}
a.footnoteref::before{
content: "(";
margin: 0 0.1em;
}
a.footnoteref::after{
content: ")";
margin: 0 0.1em;
}
.hovertip {
--tip-dogear-size:1em;
--tip-dogearoll-size:1.35em;
border: none !important;
background: transparent !important;
/* width: auto !important;*/
}
/* 非脚注的注释 */
.hovertip:not(:has(.f-heading)) .content {
--tip-dogear-size:0;
--tip-dogearoll-size:0;
--tip-dogear-padding:0.5rem 1em;
--tip-color:var(--color-grey-pale);
letter-spacing: 1px
}
/* 脚注 */
.hovertip .content{
--tip-dogear-padding: 0.5rem calc(var(--tip-dogearoll-size) + 0.5em) 0.5rem 0.5rem;
-webkit-filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5)) drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));
filter: drop-shadow(0px 0px 3px rgba(var(--tip-bdcl),0.5)) drop-shadow(0px 0px 1px rgba(var(--tip-bdcl),1));
padding:var(--tip-dogear-padding);
font-size: 110%;
min-height: var(--tip-dogearoll-size);
}
.hovertip .f-footer{
height: 0;
font-size: 0;
}
.hovertip .f-heading {
max-width: 11em;
padding: 0em 0 0em 0em;
font-size: 110%;
font-family:var(--handwriting-font);
}
.hovertip .f-heading::after {
content: ' ';
height: 0.1rem;
display: block;
padding: 0;
margin-left: -5px;
background-image: linear-gradient(70deg, transparent 0px, var(--color-navy) 8%, var(--color-navy) 10%, transparent 100%);
}
@media (max-width: 500px) {
#page-content .mz-note{
max-width: 90%;
}
a.footnoteref {
font-size: 80%;
}
.hovertip {
--tip-dogear-size:1rem;
--tip-dogearoll-size:1.5rem;
max-width: 90vw;
}
}
/*--------------便签纸-----------------*/
.note-page {
display: block;
overflow: hidden;
/* font-family: var(--handwriting-font);*/
font-style: normal;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: linear-gradient(to top ,rgb(202, 219, 228) 0%, rgb(231, 233, 220) 8%);
background-origin: padding-box;
background-position: 0px 8px;
background-repeat: repeat;
background-size: 100% 20px;
border: 1px solid #CCC;
border-radius: 10px;
padding: 10px 10px;
margin-bottom: 10px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2)
}
.note-page p,
.note-page ul {
line-height: 20px;
margin: 0;
}
.note-page blockquote,
.note-page .blockquote{
margin: 0.5rem 2em;
}
/*--------------回形针-----------------*/
.clip-wrap div {
max-width: 60%;
margin: 1rem auto;
width: 60%;
}
.clip-wrap .clip-img,
.clip-wrap .clip-body {
border: solid 2px rgb(var(--clip-border,0,0,0));
background-color: rgb(var(--clip-bg, 244, 244, 244));
box-sizing: border-box;
position: relative;
z-index: 0;
padding: 0.5rem;
}
.clip-wrap .clip-img::before,.clip-wrap .clip-img::after,
.clip-wrap .clip-body::before,.clip-wrap .clip-body::after {
content:'';
position: absolute;
pointer-events: none;
border: solid 0.25rem var(--color-darker);
transform: rotate(25deg);
}
.clip-wrap .clip-img::before,.clip-wrap .clip-img::after {
border: solid 0.25rem var(--color-darker);
}
.clip-wrap .clip-img::before,
.clip-wrap .clip-body::before {
right: 0.45rem;
height: 36px;
width: 9px;
top: -0.45rem;
border-radius: 0 0 2rem 2rem;
border-top: none;
}
.clip-wrap .clip-img::after,
.clip-wrap .clip-body::after {
top: -24px;
right: -0.5rem;
height: 16px;
width: 14px;
border-radius: 2rem 2rem 0 0;
border-bottom: solid 0.55rem transparent;
z-index: -1;
}
.clip-wrap .clip-body img,
.clip-wrap .clip-img {
border: 0.15rem solid var(--color-darkest);
width: max-content;
}
.clip-wrap .clip-img::before {
right: -0.2rem;
top: -0.45rem;
}
.clip-wrap .clip-img::after {
right: -0.8rem;
height: 45px;
}
.clip-wrap .clip-img {
padding: 0rem;
border: 0.12rem solid var(--color-darkest);
box-shadow: 0px 0px 0px 9px rgba(50,50,50, 0.1), 0px 0px 0px 12px rgba(150,150,150, 0.1);
}
@media (max-width: 500px) {
.clip-wrap{
max-width: 100%;
}
.clip-wrap .clip-img::before,
.clip-wrap .clip-body::before {
right: 0.3rem;
height: 1.4rem;
width: 0.4rem;
top: 0rem;
}
.clip-wrap .clip-img::after,
.clip-wrap .clip-body::after {
top: -1rem;
right: -0.5rem;
height: 1rem;
width: 0.7rem;
}
}
/* -------------------------
分割线
--------------------------- */
hr{
margin: 1em 0em;
padding-bottom: -1em;
height: 0px;
border-top: var(--color-hr) dashed 3.5px;
color: transparent;
background-color: transparent;
}
.mz-hr{
display: flex;
flex-wrap: nowrap;
flex-basis: 20%;
width: 100%;
}
.hr-double hr{
--color-hr: var(--color-dark);
height:3px;
border-top: var(--color-hr) solid 3px;
border-bottom: var(--color-hr) solid 3px;
}
/* 缩减 */
blockquote hr,
div:is(.mz-cover, .yui-content, .mz-board, .mz-blockquote, .blockquote, .authorcontent) hr {
border-top: var(--color-hr) solid 2px;
margin: 1em 1.5em;
}
.mz-tt.tt-box hr{
margin: 0.5rem 1rem;
border-top:1px solid var(--color-hr);
}
/* 分割线框 */
.mz-hr.hr-contract hr{
margin: 1em 2em;
border-block-width: 1px;
}
.mz-hr.hr-solid hr{
border-style: solid;
}
.mz-hr.hr-dotted hr{
border-style: dotted;
}
.mz-hr hr{
flex-basis: 20%;
flex-grow: 1;
top: 1rem;
position: relative;
}
.mz-hr tt {
flex-basis: 0%;
font-size: 0rem;
}
.mz-hr sub {
font-size: inherit;
position: relative;
top:0.3rem;
}
.mz-hr tt:before {
content: ' ';
margin: 1rem 0.8rem 0 0.8rem;
font-size: 1.6rem;
border-left:2px solid var(--RATE-info_border);
position: relative;
top: 0.2rem;
}
.mz-hr img{
width: 2rem;
margin: 0 1rem
}
/* 分割线窄屏 */
@media (max-width: 500px){
hr{
border-top: 2px dashed var(--color-hr);
}
.mz-hr{
flex-wrap: nowrap;
}
.mz-hr .page-rate-widget-box{
flex-shrink: 0;
}
.mz-hr p{
flex-shrink: 1;
}
.mz-hr img{
flex-shrink: 2;
}
}
/* ----------- 插图 ---------------- */
/* 无框 */
.mz-img-wrap .scp-image-block {
margin: 0 0.5rem;
}
.mz-img-wrap .scp-image-block {
border: none;
box-shadow: none;
}
.mz-img-wrap .scp-image-block .scp-image-caption {
background-color: transparent;
border-top: none;
padding: 0.8rem 0;
font-size: 100%;
font-weight: normal;
letter-spacing: 1px;
}
/* 图片有框 */
.mz-img-wrap.img-frame img{
border: 3px double #333;
}
.mz-img-wrap.img-frame .scp-image-caption{
display: flex;
flex: 100%;
}
.mz-img-wrap.img-frame .scp-image-caption:after,
.mz-img-wrap.img-frame .scp-image-caption:before{
content: "";
margin: auto auto auto 0.375rem;
color: var(--color-navy);
border-top: 0px double var(--accentColor);
flex-shrink: 0;
font-size: 2rem;
position: relative;
display: inline-flex;
flex-grow: 1;
height: 1rem;
background-color: var(--dark-accent);
justify-content: flex-start;
}
.mz-img-wrap.img-frame.img-border img{
border: 2px dotted #333;
}
/* 模块外框 */
.mz-img-wrap.img-border .scp-image-block {
overflow: hidden;
padding: 1rem;
background: linear-gradient(-45deg,transparent 15px,var(--mz-img-bg) 0) bottom right,
linear-gradient(45deg,transparent 15px,var(--mz-img-bg) 0) bottom left,
linear-gradient(135deg,transparent 15px,var(--mz-img-bg) 0) top left,
linear-gradient(-135deg,transparent 15px,var(--mz-img-bg) 0) top right;
background-size: 50% 51%;
background-repeat: no-repeat;
position: inherit;
filter:var(--box-line);
}
.img-border.img-paper .scp-image-block {
background: linear-gradient(-45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom right,
linear-gradient(45deg,transparent 15px,var(--mz-paper-bg222) 0) bottom left,
linear-gradient(135deg,transparent 15px,var(--mz-paper-bg222) 0) top left,
linear-gradient(-135deg,transparent 15px,var(--mz-paper-bg222) 0) top right;
}
/* 3d 边框 */
.mz-img-wrap.img-b3d .scp-image-block {
border: #999 5px ridge;
}
.mz-img-wrap.img-b3d .scp-image-block .scp-image-caption {
border-top: solid 3px #666;
}
/* 额外适应 */
.mz-img-wrap.img-tt .scp-image-caption{
font-family: var(--page-tt-font), serif;
font-size: 150%;
letter-spacing: 1px;
}
/* 弃用 */
.mz-imgbox-wrap{
position: relative;
margin: 0 auto;
padding:0rem;
margin: 1rem;
padding: 1rem;
margin: 0 auto;
display: revert;
}
.mz-imgbox-wrap{
}
.mz-imgbox-txt{
text-align: center;
}
/*
=====================================
更多效果
=====================================
*/
#page-content :is(.mz-tt.tt-box, .mz-tt333) h1{
display: block;
text-align: center;
}
/* -----------
内文标题
------------ */
.mz-tt{
margin: var(--ttbox_margin);
text-align: center;
}
.mz-tt :is(h1, h2,h3,h4,h5, h6) {
display: flex;
align-items: center;
}
.mz-tt :is(h1, h2,h3,h4,h5, h6) span{
padding: 0 var(--mztt-h1pd-horiz);
margin: 0 auto;
}
.mz-tt :is(h1, h2,h3,h4,h5, h6):before, .mz-tt :is(h1, h2,h3,h4,h5, h6):after{
content: "";
flex-grow: 1;
height: 0.1rem;
color: var(--accentColor);
background-color: var(--dark-accent);
}
/* -----------
横跨标题其二
----------- */
.mz-tt222 {
border-top: 3px solid #6d6b82;
border-bottom: 3px solid #6d6b82;
padding:0 0.5rem;
margin: 1rem 3em;
}
.mz-tt222:before,
.mz-tt222:after{
content: ' ';
border-top: 1.5px solid #6d6b82;
margin: 0.1rem;
text-align: center;
display: block;
}
#page-content .mz-tt222 *{
text-align: center;
display: block;
}
/* -----------
横跨标题其三
----------- */
.mz-tt333{
border-bottom: 0.25em solid var(--PGtt-line_color);
text-align: center;
}
/* -----------
伪黑光盒
----------- */
#page-content .mz-tt.tt-box h1:after {
content: " ";
width: var(--ttbox_bevel-size);
height:var(--ttbox_bevel-size);
background: var(--ttbox_bevel-bg);
color:var(--ttbox_bevel-color);
position: absolute;
font-size:var(--ttbox_bevel-size);
margin-top:var(--ttbox_bevel-top);
margin-left: var(--ttbox_bevel-left);
z-index: -1;
display: block;
}
.mz-tt.tt-box :is(h1, h2,h3,h4,h5, h6):before, .mz-tt.tt-box :is(h1, h2,h3,h4,h5, h6):after{
display: none;
}
#page-content .mz-tt.tt-box h1{
display: block;
letter-spacing: 0.1rem;
font-size:var(--ttbox_h1-size);
background-color: var(--ttbox_h1-bg);
border: solid var(--ttbox_border-size) var(--ttbox_h1BDR-color);
padding: var(--ttbox_padding);
color: var(--ttbox_h1-color);
margin-left: var(--ttbox_h1-left);
max-width: max-content;
}
.mz-tt.tt-box {
background-color: var(--ttbox_box-bg);
border: solid var(--ttbox_box-size) var(--ttbox_boxBDR-color);
padding: 0rem 0 1rem 0;
position: relative;
padding: var(--ttbox_padding);
text-align: left;
}
.mz-tt.tt-box h1:first-of-type {
display: block;
top:var(--ttbox_h1-top);
position: relative;
}
.mz-tt.tt-box h1:first-of-type + * {
margin-top:var(--ttbox_h1-top);
}
.tt-box p{
padding:inherit 0.5rem;
}
@media (max-width: 600px){
#page-content .mz-tt.tt-box h1 {
font-size:130%;
}
}
/* -----------
分栏
----------- */
.mz-column p:first-of-type{
margin: 0;
}
.mz-column{
-moz-column-count:2;
-moz-column-rule:2px solid grey;
-moz-column-gap:4rem;
-webkit-column-count:2;
-webkit-column-rule:2px solid grey;
-webkit-column-gap:4rem;
column-count:2;
column-rule:2px solid grey;
column-gap:4rem;
}
.mz-column.column-333{
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;
}
.mz-column.column-nip{
-moz-column-rule:0px solid grey;
-moz-column-gap:1.5rem;
-webkit-column-rule:0px solid grey;
-webkit-column-gap:1.5rem;
column-rule:0px solid grey;
column-gap:1.5rem;
}
.column-img .scp-image-block{
margin: 0rem auto 1rem auto;
}
@media (max-width: 600px){
.mz-column.column-333,
.mz-column{
-moz-column-count:1;
-webkit-column-count:1;
column-count:1;
}
}
/*
=====================================
tab 分页
=====================================
*/
/* ---- YUI TAB BASE ---- */
.yui-navset {
margin: 0 0.1rem;
}
.yui-navset .yui-nav a,.yui-navset .yui-navset-top .yui-nav a{
background-color:inherit;
background-image:inherit
}
.yui-navset .yui-nav a:hover,.yui-navset .yui-nav a:focus{
background:inherit;
text-decoration:inherit
}
.yui-navset .yui-nav .selected a,.yui-navset .yui-nav .selected a:focus,.yui-navset .yui-nav .selected a:hover{
color:inherit;
background:inherit;
}
.yui-navset .yui-nav,.yui-navset .yui-navset-top .yui-nav{
border-color:inherit
}
.yui-navset li{
line-height:inherit;
min-width: 15%;
}
/* ---- YUI TAB CUSTOMIZATION ----*/
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav{
display: flex;
flex-wrap: wrap;
/* width: calc(100% - .05rem); */
/*! margin: 0 auto; */
border-color: var(--tabNAV-border);
box-shadow: none;
}
.yui-navset .yui-nav a, /* ---- Link Modifier ---- */
.yui-navset .yui-navset-top .yui-nav a{
font-weight: bold;
/* ---- Tab Background Colour | [UNSELECTED] ---- */
background-color: var(--tabNAV-bg);
border: unset;
box-shadow: none;
box-shadow: none;
transition: background-color 0.15s linear;
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus{
color: #d6d6d6;
/* ---- Tab Background Colour | [HOVER] ---- */
background-color: var(--tabNAV-bgHover);
}
.yui-navset .yui-nav li, /* ---- Listitem Modifier ---- */
.yui-navset .yui-navset-top .yui-nav li{
position: relative;
display: flex;
flex-grow: 2;
max-width: 100%;
margin: 0;
padding: 0;
color: #d6d6d6;
border-color: transparent;
box-shadow: none;
}
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.yui-navset .yui-nav li em{
border: unset;
}
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em{
padding: .35em .75em;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.yui-navset .yui-nav .selected, /* ---- Selection Modifier ---- */
.yui-navset .yui-navset-top .yui-nav .selected{
flex-grow: 2;
margin: 0;
padding: 0;
/* ---- Tab Background Colour | [SELECTED] ---- */
background-color: var(--tabNAV-bg_SEL);
color:var(--tabNAV-txt_SEL);
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em{
border: none;
}
.yui-navset .yui-nav .selected a{
width: 100%;
color: var(--tabNAV-txt_SEL);
font-weight: bold;
}
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:active{
color:var(--tabNAV-txt_ACT);
background-color: var(--tabNAV-bg_ACT);
}
.yui-navset .yui-content {
background-color:var(--tabMain-bg);
box-shadow: none;
}
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content{
padding: .5rem;
margin: var(--tab-margin);
border: var(--tabMain-border) solid 1px;
border-top: var(--tabMain-border) solid 4px;
}
.yui-navset .yui-nav{
border: none ;
filter: drop-shadow(0px -1px 1px var(--tab-shadow));
}
.mz-tab .yui-navset{
filter: drop-shadow(-1px 1px 0.5px var(--tab-shadow)) drop-shadow(1px 1px 0.5px var(--tab-shadow))
drop-shadow(0px -1px 0.5px var(--tab-shadow)) drop-shadow(0px -1px 0.5px var(--tab-shadow) );
}
/* ---------------- 线条 ---------------- */
.mz-tab-line .yui-navset .yui-nav{
filter:none;
background-color: var(--Line-tabNAV-border);
padding-left:var(--Line-tabBD-weight);
}
.mz-tab-line .yui-navset .yui-nav li {
margin-right:var(--Line-tabBD-weight);
margin-top: var(--Line-tabBD-weight);
}
.mz-tab-line .yui-navset .yui-nav a,
.mz-tab-line .yui-navset .yui-navset-top .yui-nav a{
background-color: var(--Line-tabNAV-bg);
border-top: var(--Line-tabBD-weight) solid var(--Line-tabNAV-border);
color: var(--Line-tabNAV-txt);
}
.mz-tab-line .yui-navset .yui-nav a:hover,
.mz-tab-line .yui-navset .yui-nav a:focus{
background-color: var(--Line-tabNAV-bgHover);
}
.mz-tab-line .yui-navset .yui-nav .selected,
.mz-tab-line .yui-navset .yui-navset-top .yui-nav .selected{
background-color: var(--Line-tabNAV-bg_SEL);
color:var(--Line-tabNAV-txt_SEL);
}
.mz-tab-line .mz-line .yui-navset .yui-nav .selected a{
color: var(--Line-tabNAV-txt_SEL);
}
.mz-tab-line .yui-navset .yui-nav .selected a:focus,
.mz-tab-line .yui-navset .yui-nav .selected a:active{
color:var(--Line-tabNAV-txt_ACT);
background-color: var(--Line-tabNAV-bg_ACT);
}
.mz-tab-line .yui-navset .yui-nav a:hover,
.mz-tab-line .yui-navset .yui-nav .selected a,
.mz-tab-line .yui-navset .yui-nav .selected a:focus,
.mz-tab-line .yui-navset .yui-nav .selected a:hover {
color:var(--Line-tabNAV-txtHover);
background-color: var(--Line-tabNAV-bgHover);
}
.mz-tab-line .yui-navset .yui-nav .selected,
.mz-tab-line .yui-navset .yui-navset-top .yui-nav .selected {
background-color: var(--Line-tabNAV-bg_SEL);
color: var(--Line-tabNAV-txt_SEL);
}
.mz-tab-line .yui-navset .yui-content {
background-color:var(--Line-tabMain-bg);
}
.mz-tab-line .yui-navset .yui-content,
.mz-tab-line .yui-navset .yui-navset-top .yui-content{
border: var(--Line-tabMain-border) solid var(--Line-tabBD-weight);
}
@media (max-width:520px){
.mz-tab-line .yui-navset .yui-nav{
width:initial;
}
/*西格玛版式原有
.yui-navset {
z-index:1;
}
*/
}
/*=====================================
底栏
=====================================*/
#page-options-container, #footer, #license-area{
--foot-text-size:0.6rem;
--license-bg: var(--color-grey-darker);
}
.page-tags a{
padding: 0.2rem 0.2rem;
margin: 0 0.05rem;
}
.page-tags a:hover,
.page-watch-options a:hover:before,
#page-options-container a:hover{
color: var(--SB-link_txt_HOV);
background-color: var(--SB-link_bg_HOV);
text-decoration: none;
}
/*============================
操作区
=============================*/
#action-area .btn:hover{
text-decoration: none;
cursor: pointer;
}
/* 关闭 */
a.action-area-close{
height: 2em;
margin-top: 0.5em;
align-content: center;
display: grid;
background: var(--ACT-close_bg);
border: 2px dotted var(--color-darker)
}
a.action-area-close:hover{
--ACT-close_bg: var(--color-darkest);
text-decoration: none;
border: 2px solid var(--color-darker);
}
/* 勾选 */
#action-area .checkbox * {
display: inline-flex;
align-items: center;
}
#action-area input[type="checkbox"]{
margin-left: 1em;
background-color: transparent;
width: 1rem;
appearance: none;
cursor: pointer;
}
#action-area input[type="checkbox"]::before{
content: "\f096";
font-family: fontawesome;
font-size: 150%;
}
#action-area input[type="checkbox"]:checked::before{
content: "\f046";
}
/*----------------------------------
历史区（未完成）
------------------------------------*/
#history-form-1 .form tbody{
display: flex;
flex-wrap: wrap;
}
#history-form-1 .form tbody td {
width: var(--HISTORY-form_td_width);
margin:var(--HISTORY-form_td_margin);
}
#history-form-1 .form tbody > tr td:last-child{
display: inline-grid;
grid-template-columns: var(--HISTORY-form_columns);
grid-template-rows: auto auto;
grid-gap: 0.25em 0rem;
font-size: var(--HISTORY-btn_size);
align-items: center;
align-content: center;
width: max-content;
padding-right: 0
}
#history-form-1{
display: grid;
grid-template-areas:
'left m11 right'
'left m22 right'
'left m33 right'
'under under under';
grid-template-columns:1fr auto 1fr;
grid-template-rows:auto auto auto auto;
}
#history-form-1 .form {
grid-area: m11;
margin: 0;
max-width: max-content;
}
#history-form-1 .buttons{
position: relative;
grid-area: m22;
text-align: right;
margin: -1.8rem 0 0 0;
padding: 0;
width: max-content;
justify-self: flex-end;
}
#revision-list{
grid-area: under;
}
#history-form-1 #h-perpage{
width:var(--HISTORY-perpage_width, 8.7rem);
}
/*----------------------------------
编辑区
------------------------------------*/
/*--------------- 代码按钮 ---------------------*/
.wd-editor-toolbar-panel li.hseparator {
display: none;
}
.wd-editor-toolbar-panel {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
margin: var(--EDIT-ui-panel_margin);
}
.wd-editor-toolbar-panel div {
flex-basis: 100%;
margin: 0.2rem 0;
height: auto;
display: flex;
}
.wd-editor-toolbar-panel div:nth-child(2) {
order: 3;
}
.wd-editor-toolbar-panel div:nth-child(1) {
order: 2;
}
.wd-editor-toolbar-panel div:nth-child(1):after {
content: '\f096';
width: var( --EDIT-ui_weight);
display: inline-grid;
margin: var(--EDIT-ui-btn_margin);
justify-content :center;
align-items: center;
}
.wd-editor-toolbar-panel ul li {
margin: var(--EDIT-ui-btn_margin);
}
.wd-editor-toolbar-panel,
.wd-editor-toolbar-panel a ,
.wd-editor-toolbar-panel a:hover {
background-image:none;
font-family: var(--page-tt-font), "FontAwesome";
letter-spacing: 1px;
text-decoration: none;
font-size: var(--EDIT-ui_size-11);
}
.wd-editor-toolbar-panel ul li ul li a,
.wd-editor-toolbar-panel ul li a {
height: var(--EDIT-ui_height);
width: var( --EDIT-ui_weight);
display: inline-grid;
position: relative;
background-color: var(--EDIT-ui_bg);
text-align: center;
}
.wd-editor-toolbar-panel a::before {
content: "";
display: inline-grid;
left: 0;
top: 0;
height: var( --EDIT-ui_height);
width: var( --EDIT-ui_weight);
text-align: center;
line-height: 1.5em;
white-space: nowrap;
z-index: 5;
color:var(--EDIT-ui_color);
align-content: center;
justify-self: center;
align-self: center;
}
.wd-editor-toolbar-panel a:hover {
--EDIT-ui_color: var(--EDIT-ui_color_HOV);
outline:var(--EDIT-ui_outline);
-webkit-filter:brightness(90%);
filter: brightness(90%);
background-image: var(--hollow-image);
}
/*---------- 引导 -----------*/
.wd-editor-toolbar-panel a[class*="wiz"]::after {
content:"\f0d0";
font-size: var(--EDIT-ui_size-99);
justify-self:right;
align-self: flex-end;
opacity: 1;
color:var(--EDIT-ui_color);
z-index: 6;
transition: opacity 0.5s;
position: absolute;
}
.wd-editor-toolbar-panel a[class*="wiz"]::before {
opacity:0.25 ;
-webkit-text-stroke: 1px rgba(50,50,50,0.4);
transition: opacity 0.5s;
}
.wd-editor-toolbar-panel a[class*="wiz"]:hover::before {
opacity:1 ;
transition: opacity 0.25s;
}
.wd-editor-toolbar-panel a[class*="wiz"]:hover::after {
opacity: 0.25;
transition: opacity 0.25s;
}
/*---------- 次级框 -----------*/
.wd-editor-toolbar-panel li li a {
--EDIT-ui_bg: var(--page-bg);
--EDIT-ui_bg_HOV:var(--EDIT-ui-sub_HOV);
outline:var(--EDIT-ui_outline);
background-image: var(--hollow-image);
}
.wd-editor-toolbar-panel ul li ul:before {
content: '▲';
position: relative;
top:-2em;
left: 1.2em;
font-size: 0.5em;
width: 0;
height: 0;
display: block;
color: var(--EDIT-border_color);
}
/*---------- 各项 -----------*/
.wd-editor-toolbar-panel ul {
display: flex;
}
.wd-editor-toolbar-panel ul li ul a::before {
content: "H";
font-size: var(--EDIT-ui_size-sub);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-h1::before{
content: "H1";
font-size: var(--EDIT-ui_size-11);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-h2::before {
content: "H2";
}
.wd-editor-toolbar-panel a.weditor-h3::before {
content: "H3";
}
.wd-editor-toolbar-panel a.weditor-h4::before {
content: "H4";
}
.wd-editor-toolbar-panel a.weditor-h5::before {
content: "H5";
}
.wd-editor-toolbar-panel a.weditor-h6::before {
content: "H6";
}
.wd-editor-toolbar-panel a.weditor-bold::before {
content: "\f032";
}
.wd-editor-toolbar-panel a.weditor-italic::before {
content: "\f033";
}
.wd-editor-toolbar-panel a.weditor-underline::before {
content: "\f0cd";
}
.wd-editor-toolbar-panel a.weditor-strikethrough::before {
content: "\f0cc";
}
.wd-editor-toolbar-panel a.weditor-teletype::before {
content: "\f035";
}
.wd-editor-toolbar-panel a.weditor-quote::before {
content: "\f10e";
}
.wd-editor-toolbar-panel a.weditor-superscript::before {
content: "\f12b";
}
.wd-editor-toolbar-panel a.weditor-subscript::before {
content: "\f12c";
}
.wd-editor-toolbar-panel a.weditor-raw::before {
content: "\f070";
}
.wd-editor-toolbar-panel a.weditor-hr::before {
content: "——";
font-weight: 900;
font-family: var(--teletype-font);
font-size: var(--EDIT-ui_size-33);
}
.wd-editor-toolbar-panel a.weditor-div::before {
content: "div";
font-size: var(--EDIT-ui_size-33);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-clearfloat::before {
content: "\f0ec";
}
.wd-editor-toolbar-panel a.weditor-clearfloatleft::before {
content: "\f177";
}
.wd-editor-toolbar-panel a.weditor-clearfloatright::before {
content: "\f178";
}
.wd-editor-toolbar-panel a.weditor-table::before {
content: "\f0ce";
}
.wd-editor-toolbar-panel a.weditor-toc::before {
content: "toc";
font-size: var(--EDIT-ui_size-33);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-code::before,
.wd-editor-toolbar-panel a.weditor-codewiz::before {
content: "\003c\002f\003e";
font-size: var(--EDIT-ui_size-33);
}
.wd-editor-toolbar-panel a.weditor-uri::before,
.wd-editor-toolbar-panel a.weditor-uriwiz::before {
content: "\f0c6";
}
.wd-editor-toolbar-panel a.weditor-pagelink::before,
.wd-editor-toolbar-panel a.weditor-pagelinkwiz::before {
content: "\f0c1";
}
.wd-editor-toolbar-panel a.weditor-image::before,
.wd-editor-toolbar-panel a.weditor-imagewiz::before {
content: "\f03e";
}
.wd-editor-toolbar-panel a.weditor-html::before {
content: "\f1c9";
}
.wd-editor-toolbar-panel a.weditor-numlist::before {
content: "\f0cb";
}
.wd-editor-toolbar-panel a.weditor-bullist::before {
content: "\f0ca";
}
.wd-editor-toolbar-panel a.weditor-incindent::before {
content: "\f03c";
}
.wd-editor-toolbar-panel a.weditor-decindent::before {
content: "\f03b";
}
.wd-editor-toolbar-panel a.weditor-deflist::before {
content: "\f03a";
}
.wd-editor-toolbar-panel a.weditor-footnote::before {
content:"\f0f6";
transform: rotateX(180deg);
margin-top: 2px;
}
.wd-editor-toolbar-panel li:nth-child(6){
order: 10
}
.wd-editor-toolbar-panel a.weditor-math::before {
content: "√x";
font-size: var(--EDIT-ui_size-22);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-mathinline::before {
content: "x/2";
font-size: var(--EDIT-ui_size-22);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-eqref::before {
content: "Eq";
font-size: var(--EDIT-ui_size-22);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-bib::before {
content: "Bib";
font-size: var(--EDIT-ui_size-33);
font-weight: 600;
}
.wd-editor-toolbar-panel a.weditor-bibcite::before {
content: "[n]";
font-size: var(--EDIT-ui_size-22);
font-weight: 600;
}
/*--------------- 编辑框 ---------------------*/
#edit-page-title,
#edit-page-textarea{
max-width: var(--EDIT-table_width) !important;
width: var(--EDIT-table_width) !important;
}
#edit-page-form .form {
width: 100%;
display: flex;
}
#edit-page-form .form td:first-child{
vertical-align: middle;
margin-bottom: 0.5rem;
letter-spacing: 1px
}
#edit-page-textarea {
font-size: var(--EDIT-box_txt-size,1.2em);
letter-spacing: 1px;
font-family: var(--EDIT-box_font);
}
#edit-page-form *::selection,
#edit-page-form *::-moz-selection {
color: white;
background:var(--color-darker);
}
#main-content textarea:focus,
#main-content input.text:focus{
outline:var(--EDIT-ui_outline);
background-color: var(--EDIT-box_bg_Foc);
}
#main-content textarea,
#main-content input.text {
border: 2px solid var(--EDIT-border_color);
background-color: var(--EDIT-box_bg);
background-image: var(--hollow-image);
-webkit-filter:brightness(95%);
filter: brightness(95%);
width: 100%;
font-family: var(--EDIT-box_font);
}
#edit-page-title,
#edit-page-comments,
#edit-page-textarea{
line-height: 130%;
padding: 5px 5px;
font-size: var(--EDIT-box_txt-size, 1.05rem);
letter-spacing:0.5px;
}
/* 编辑框下小物件 */
.change-textarea-size {
padding:var(--EDIT-box-btn_padding, 0 2.5rem);
}
.edit-help-34{
display: var(--EDIT-help_display);
grid-template-areas: 'a b''c d';
margin-top: 0.5em;
}
.edit-help-34 a{
font-family: fontawesome, "Trebuchet MS", var(--mono-font);
letter-spacing: 0px;
color: var(--color-paleblue);
font-size: var(--EDIT-help_size, 0.9rem);
font-weight: 400;
letter-spacing:0.5px;
margin-right: 0.5em
}
.edit-help-34 a:first-child{
grid-area: d;
}
.edit-help-34 a:last-child{
grid-area: b;
}
.edit-help-34 a:before{
content:"\f002";
margin:0 0.2em 0 0.2em;
}
.edit-help-34 a:hover,
.edit-help-34 a:hover:before{
text-decoration: none;
color: var(--color-red);
}
/* ---------- 编辑补充信息 ---------- */
.edit-page-bottomtable{
width: var(--EDIT-table_width);
}
.edit-page-bottomtable tbody td{
line-height: 1.5rem;
}
.edit-page-bottomtable tbody tr {
display: inline-grid;
grid-gap: 0.5em 5%;
grid-template-columns: var(--EDIT-bottomtable_columns, 40% 55%);
grid-template-rows: 50% 50%;
margin-top:0.5rem;
align-items: center;
width: 100%;
}
/*------------------ 修复保存卡死 || Fixed the saving box by W Asriel ------------------------- */
table.edit-page-bottomtable td {
padding: 0 !important;
}
table.edit-page-bottomtable td:last-child {
--lock-info_size:0.8rem;
border: 2px dashed var(--color-grey-darkest) !important;
background-color: var(--color-grey-pale) !important;
border: 2px dashed var(--color-grey-darkest);
width: 100%;
order: var(--EDIT-bottomtable_tip-order, 0);
padding: 0.3em 0.1em 0rem 0.8em !important;
}
table.edit-page-bottomtable td div#lock-info {
font-family: "Trebuchet MS";
font-size: 0;
background: none !important;
border: none !important;
}
body[class="wait"] #odialog-shader-iframe,body[class="wait"] #odialog-shader {
display:none!important
}
#odialog-container {
position:fixed!important;
}
body[class="wait"] #odialog-container {
z-index:-1
}
body[class="wait"] #odialog-container #owindow-1 {
display:none!important
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area .edit-page-bottomtable td:last-child {
background-color:rgb(var(--very-light-gray-monochrome,200,200,200)) !important;;
border:2px solid rgb(var(--dark-gray-monochrome,0,0,0)) !important;
}
div#lock-info {
content:var(--lock-info222);
display:inline;
font-size:var(--lock-info_size);
}
div#lock-info::before {
content:var(--lock-info111);
display:inline;
font-size:var(--lock-info_size);
white-space:pre-wrap
}
div#lock-info>strong {
font-size:var(--lock-info_size);
}
div#lock-info>br {
display:none
}
div#lock-info::after {
content:var(--lock-info222);
display:inline;
font-size:var(--lock-info_size);
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::before {
content:var(--lock-info333);
display:inline;
font-size:var(--lock-info_size);
color:rgb(var(--gray-monochrome,33,33,33));
white-space:pre-wrap
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {
font-size:0
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info>strong {
font-size:0
}
body[class="wait"] a[name="page-top"][target]+div #main-content #action-area div#lock-info::after {
font-size:0
}
/* ---------- 编辑操作按钮 ---------- */
.mz-btn,
div.buttons input:not(.btn-sm) {
font-family: var(--EDIT-btn_font);
padding: 0.5rem;
color: var(--color-darkgrey);
border-radius:10px;
background:var(--color-light);
border: 2px double var(--color-dark);
margin:var(--EDIT-btn_margin, 0 0.6rem 0.5rem 0rem) ;
}
.mz-btn:hover,
div.buttons input:not(.btn-sm):hover{
filter: brightness(95%);
background-image: var(--icon-noise);
}
/*=====================================
页脚
=====================================*/
#footer {
display: inline-grid !important;
grid-template-areas:
'. left right'
'. under under';
grid-template-columns: 0.5rem max-content auto 0.5rem;
font-size: 0;
width: 100%;
padding: 2px 0;
font-family: var(--page-tt-font);
}
#footer a{
font-size: var(--FOOT_size);
}
#footer a[href="http://www.wikidot.com"]{
grid-area: left;
width: max-content;
display: var(--FOOT-wiki_display, block);
}
#footer a[href="http://www.wikidot.com"]:before{
content: "基于 ";
color: var(--FOOT-line_cl);
}
#footer .options {
grid-area: var(--FOOT-options_area, right);
order: 2;
width: max-content;
text-align: center;
float: unset;
justify-self: right
}
#footer .options a:not(:last-child):after {
content: '|';
margin: 0 0.5em;
color: var(--FOOT-line_cl);
}
#license-area{
background:var(--LICENSE_bg);
font-size:var(--LICENSE_size);
color: var(--LICENSE_cl);
}
#license-area a{
display: var(--LICENSE-link_display);
font-size:var(--LICENSE-link_size);
}
/*------------- 页脚广告 --------------*/
#footer-bar {
background-color: var(--LICENSE_bg);
max-width:100%;
margin: 0;
border-top:none;
}
#footer-bar .units {
max-width: 750px;
display:flex;
margin: 0 auto;
justify-content: space-around;
flex-wrap: wrap;
}
#footer-bar .unit {
width: var(--FOOT-AD_width, 25%);
float: none;
}
#footer-bar h2 {
max-width: 750px;
width: 80%;
border-top: #333 dotted 2px;
border-bottom: #333 dotted 2px;
padding: 0.5em;
margin: 0.5em auto 1em auto;
}
/*==========================
讨论区帖子
===========================*/
/* ------------------- 帖子 ----------------------- */
.thread-container .post .head {
background: var(--POST_hdbg);
box-shadow: none;
border-radius: 0;
border: 1px solid var(--POST_BDcolor);
margin: 0 -3px;
}
.thread-container .post .short {
background-color: var(--POST_short);
border: 1px solid var(--POST_BDcolor);
}
/* ------------------- 评论区顶部 ----------------------- */
.forum-thread-box .description-block {
box-shadow: none;
border: 4px double var(--POST_BDcolor-222);
background-color:var(--POST_short);
}
.forum-category-box,
.forum-thread-box{
display: flex;
flex-wrap: wrap;
flex-basis: 100%;
}
.forum-category-box div,
.forum-thread-box div{
flex-basis: 100%;
}
.description-block well{
order: 1;
}
.forum-breadcrumbs{
order: 2;
}
.forum-category-box .new-post,
.options{
order: 3;
}
.forum-category-box .new-post{
margin-top: -2rem;
}
.new-post{
order: 5;
}
.forum-category-box table,
.thread-container{
order: 4;
}
@media (max-width:767px) {
.forum-thread-box .description-block .statistics{
float: revert;
}
}
/* ------------------- 最近发帖 ----------------------- */
.thread-container .post .long .head .title a {
font-weight: bold;
font-size:0.9em;
width: 100%;
padding-bottom: 0.2rem;
display: block;
}
.thread-container .post .long .head .info {
display: flex;
flex-wrap: wrap;
font-size: 0;
}
.thread-container .post .long .head .info * {
font-size: initial;
}
.thread-container .post .long .head .info br + a + a,
.thread-container .post .long .head .info br + a,
.thread-container .post .long .head .info .odate {
margin: 0 0.1rem;
}
.thread-container .post .long .head .info br {
display: none;
}
.thread-container .post .long .head .info .printuser{
display: inline-flex;
flex-wrap: nowrap;
margin: 0;
margin-right: 0.5rem;
}
.thread-container .post .long .head .info br + a ,
.thread-container .post .long .head .info br + a + a {
text-decoration: none;
padding:0 0.2rem;
border-bottom: 1px solid transparent;
}
.thread-container .post .long .head .info br + a:hover ,
.thread-container .post .long .head .info br + a + a:hover {
border-color:var(--accentColor)
}
.thread-container .post .long .head .info br + a + a {
padding-left: 0;
}
.thread-container .post .long .head .info br + a + a:before {
content: '▷';
color:var(--POST_BDcolor);
border-bottom: 1px solid transparent;
border-color: var(--POST_hdbg);
padding-right: 0.3rem;
}
@media (max-width: 480px) {
.thread-container .post .long .head .info *{
font-size: 0.8rem;
}
}
/*=====================================
其他小组件
=====================================*/
/* ----------- 辑录 ----------------*/
.mz-mirror{
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}
.mz-log-trigger{
background-image: var(--mzlog-img);
width: 2rem;
height:auto;
background-size: contain;
background-repeat: no-repeat;
margin: var(--mzlog-trigger-margin);
cursor: help;
margin: 0 0.5rem;
background-position: center;
}
.mz-log-hovertip{
position: absolute;
z-index: -1;
right:12%;
max-width: 15rem;
max-height:8rem;
background-color: #ecebf0;
background-color: var(--page-bg);
padding:0.1rem 0.5rem;
border: 4px double grey;
opacity: 0;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.mz-log-trigger:hover + .mz-log-hovertip,
.mz-log-hovertip:hover{
z-index: 1;
opacity: 1;
transition: opacity 1s;
-webkit-transition: opacity 1s;
}
.mz-log-content{
margin-top:-0.5rem;
}
/* -----------内容居中左对齐 ----------------*/
.lc-mid{
display: inline;
width: auto;
flex-shrink:0;
}
.lc-wrap{
display:flex;
align-items:center;
}
.lc-wrap:after,
.lc-wrap:before{
align-items:center;
flex-basis:100%;
flex-shrink:2;
content: ' ';
}
/* 分割为二 */
.semibox-wrap {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
left: 2rem;
position: relative;
}
.semibox-cell {
width: 48%;
justify-items: center;
}
@media (max-width: 700px) {
.semibox-wrap {
left: 0rem;
}
.semibox-cell {
width: 100%;
}
.semibox-wrap a.button {
word-break: keep-all;
}
}
.semibox-wrap + .mz-hr {
padding:0.3rem 0;
}
/* -----------窄屏隐藏----------------*/
.pc-hid{
display:none !important;
}
.pc-hid-anyway{
display:none !important;
}
@media (max-width: 520px) {
.mob-hid{
display:none;
}
.mob-hid-anyway{
display:none !important;
}
.center-mg-mob{
margin:0 auto;
}
.pc-hid{
display:block;
}
.pc-hid-anyway{
display:block !important;
}
.pc-width{
width: 100% !important;
}
}
/* -----------悬浮目录----------------*/
.float-sticky{
position: sticky;
top: 0rem;
right: 0;
}
.float-toc{
float: right;
position: absolute;
right: -16rem;
}
@media (max-width: 1300px) {
.float-toc{
display:none;
}
.float-sticky.not-hid, .float-sticky.not-hid .float-toc{
position: relative;
display:block;
float: none;
right: unset;
width: max-content;
}
}
/*---------------------- 各种微调 ----------------------*/
.indent-2 p{
text-indent:2em;
}
.padding-perc01{
padding: 1% 1%;
}
/*---------------------- 通常按钮 ----------------------*/
#page-content .mz-btn {
text-align: center;
width: max-content;
padding: 0.5em;
border: 0.2em double var(--color-navy);
text-decoration: none;
background-color: var(--color-grey-darkest);
}
#page-content .mz-btn:hover{
background-color: var(--color-grey-dark);
}
/*=====================================
调整组件
=====================================*/
/*----------------------- 作者标签 ----------------------------*/
#page-content .authorlink-wrapper {
--swatch-tertiary-color:50,50,50,0.8;
z-index: 0;
margin-top: var(--author-top-adjust, 0rem);
margin-right: var(--author-right-adjust, 0.5em);
}
/* ----------------- Ayers信息单 -----------------------*/
#main-content:has(.info-container) #page-title:before,
#main-content:has(.info-container) #page-title:after {
display: none
}
.info-container {
top:-1rem;
position:relative;
}
/* ---------------------- Anomaly Class Bar ------------------- */
.w-cell > hr{
border-width: 2px;
border-color: transparent;
}
/*----------------------- 便签纸 ----------------------------*/
#page-content .note-tip-set.tip-crease-right{
background-image: linear-gradient(-45deg,transparent 0%, transparent 1.6rem ,rgb(var(--pale-gray-monochrome)) 1.7rem,rgb(var(--pale-gray-monochrome)) 100%);
}
#page-content .note-tip-set.tip-crease-left{
background-image: linear-gradient(45deg,transparent 0%, transparent 1.6rem ,rgb(var(--pale-gray-monochrome)) 1.7rem,rgb(var(--pale-gray-monochrome)) 100%);
}
#page-content .tip-crease-left .note-tip-cover:before {
border-right:2.1rem solid rgb(var(--pale-gray-monochrome));
}
#page-content .tip-crease-right .note-tip-cover:before {
border-left:2.1rem solid rgb(var(--pale-gray-monochrome));
}
/*----------------------- 浮动菜单 ----------------------------*/
#u-float-memu #toc{
word-break: keep-all;
box-shadow: none;
display: block;
text-align:left;
}
#u-float-memu #toc .title {
padding:0 1em;
text-align: left;
}
#u-float-memu #toc .title:before {
border: none;
margin: 0;
}
#u-float-memu #toc-list{
text-align:left;
line-height: 1.5rem;
}
#u-float-memu #toc #toc-list div {
margin: 0 1.5rem !important;
}
#u-float-memu #toc #toc-list div:hover:before ,
#u-float-memu #toc #toc-list a::before {
left: 0.6rem;
}
#u-float-memu .rate-btn {
display: none;
}
#u-float-memu.memu-ch hr{
border-top: 1px solid var(--color-hr);
margin: 1em 2em ;
min-width: 6rem;
}
.memu-ch {
right: 0.8%;
}
#u-float-memu.memu-pg {
background: var(--page-bg) ;
}
.fm-goto{
padding-left: 1rem;
}
#u-float-memu #toc-list a:hover {
background:var(--color-paleblue);
color: var(--page-bg) ;
}
#u-float-memu a {
color:var(--color-paleblue);
}
#u-float-memu #toc-list a {
padding: 0rem 0.2rem;
text-decoration: none;
}][[iftags [[#ifexpr {$collapsible-sidebar} == (true) | - ]]]]
[!------------------------------------------------{$collapsible-sidebar}
[!---=============================---]
[[iftags [[#ifexpr {$yxh} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$Huiwen-mincho} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$tradition} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$wanderers} == (true) | - ]]]]
[[/iftags]]
[[iftags [[#ifexpr {$extensions} == (true) | - ]]]]
[[/iftags]][[iftags [[#ifexpr {$my-background} == (true) | - ]]]]
[[/iftags]]
页面版本：0, 最后编辑于: 2021/9/11 15:49:12 (1831 日前), 现时评分: 77