/* 改自[[User:Chi_ZJ2/Sandbox2/style.css]] */ .display { background: #f8f9fa; border: 1px solid #a2a9b1; padding: 5px; float: left; width: 100%; } .navibox .infoBoxIcon { display: none; } .codeBlock { display: block; } .code { width: 100%; padding: 5px; } .placeholder { display: flex; justify-content: center; background: #FFF8DC; border: 1px solid #FFD700; text-align: center; margin: 0 5px; vertical-align: middle; } .example { border: 1.5px solid #968ba8; background: rgba(219, 219, 228, .3); margin: 2.35em 0 0 3em; padding: 0.6em 1em 0.6em; } .example-icon { color: white; background: #8673a4; font-size: small; float: left; padding: 0.2em 1em; margin-left: 3.2em; margin-right: calc(100% - 8em); border-radius: 5px 5px 0 0; } /* 二级标题 */ h2 { font-family: initial !important; border-bottom: 0; font-weight: normal; text-align: center; margin: 3em 0 1em -0.8em; } .partTitle { border-top: 3px solid #005cc5; font-weight: bold; font-size: larger; margin: .2em 0 0 0; background: #d2e7ff; color: #005cc5; padding: 3px; letter-spacing: 5px; } h2 > .mw-editsection { margin-left: 0; } /* 三级标题 */ h3 { counter-reset: section; /* 重置四级标题计数器 */ font-size: larger; padding: 0.2em; margin: 2.5em 0 0.8em -1em; width: 55%; min-width: 25em; border: none; overflow: visible; background: linear-gradient(#53a6f9, #1168bf); border-radius: 0 12px 0 0; font-family: serif; position: sticky; top: 0; z-index: 999; white-space: nowrap; /* 禁止内部文本换行 */ } h3 a, h3 a:hover, h3 a:focus { color: #fff!important; } .two-columns { column-count: 1; column-rule-style: none; } h3 .mw-headline { font-family: "sans-serif"; position: relative; padding-left: 2.5em; color: white; } h3 .mw-headline::before { content: ""; width: 30px; height: 30px; background-image: url("https://img.moegirl.org.cn/common/6/65/%E8%B5%9B%E9%A9%AC%E5%A8%98_%E9%87%91%E8%B9%84%E9%93%81%E5%9B%BE%E6%A0%87.png"); position: absolute; background-size: 25px; background-repeat: no-repeat; left: 3px; top: 0.5px; } /* 四级标题 */ /* 利用counter自动生成数字编号 */ h4::before { width: 2.2em; display: inline-block; background-color: darkblue; color: white; text-align: center; border-radius: 0 25% 25% 0; margin: 0 0.5em 0.5em 0; counter-increment: section; content: counter(section) ". "; white-space: nowrap; } h4 .mw-headline { display: inline-block; font-size: large; font-weight: lighter; } @media screen and (min-width: 982px) { h3 { margin-left: -1.5em; } h2 { margin-left: -1.2em; } .two-columns { column-count: 2; max-width: 60em; margin: 0 auto; } /* 目录相关 */ .toc { width: 35em; } .toc ul { column-count: 2; } .toc ul > li > ul { column-count: 1; } .toctoggle { float: right; } } /* 当屏幕较窄时,取消掉特殊效果 */ /* 二级标题的调整 */ @media screen and (max-width: 600px) { h2 br { display: none; } h2 .partTitle { display: inline; border: none; background: none; font-size: 1.5rem; font-weight: normal; color: black; padding: initial; padding-left: 1em; letter-spacing: initial; } }