伦理委员会 版式
2025年7月4日
修订 36
评分
52
↑ 52
↓ 0
支持率
100%
总票数 52
Wilson 95% 下界
93.1%
在相同票数下更稳健的支持率估计
争议指数
0.000
评分趋势
按周聚合 加载图表中...
最近修订
1 / 13
最近投票
1 / 6
2025-08-23
2025-08-16
2025-08-15
2025-07-29
2025-07-24
2025-07-23
2025-07-20
2025-07-16
2025-07-15
2025-07-14
相关页面
暂无推荐
页面源码
[[module css]]
/* 字体引入 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
/* 1. 更新: 根变量 */
:root {
--slate-bg: 41, 50, 65;
--parchment-bg: 232, 232, 232;
--text-dark: 20, 20, 20;
--text-light: 220, 220, 220;
--accent-brass: 184, 134, 11;
--accent-verdict: 192, 57, 43;
--accent-verdict-dark: 160, 40, 30; /* <-- 新增 */
--header-font: 'Noto Serif SC', serif;
--body-font: 'Noto Sans SC', sans-serif;
--mono-font: 'Roboto Mono', monospace;
--logo-image: url("https://scp-wiki.wdfiles.com/local--files/departments/ethics-committee.png");
}
/* ========= 基础布局 ========= */
body {
background-color: rgb(var(--slate-bg)) !important;
font-family: var(--body-font);
}
div#container-wrap {
background: none !important;
position: relative;
overflow-x: hidden;
}
div#container-wrap::before {
content: '';
position: absolute;
top: 0; left: 0;
width: 100%;
height: 160px;
background-image:
repeating-linear-gradient(rgba(var(--accent-brass), 0.25) 0, rgba(var(--accent-brass), 0.25) 1px, transparent 1px, transparent 20px),
repeating-linear-gradient(90deg, transparent 0, transparent 50px, rgba(var(--accent-brass), 0.15) 50px, rgba(var(--accent-brass), 0.15) 55px, transparent 55px, transparent 120px),
repeating-linear-gradient(120deg, transparent 0, transparent 10px, rgba(var(--accent-brass), 0.15) 10px, rgba(var(--accent-brass), 0.15) 11px);
z-index: 1;
animation: scroll-datascape 25s linear infinite;
pointer-events: none;
}
#main-pane {
background-color: rgb(var(--slate-bg)) !important;
}
/* ========= 头部 ========= */
#header {
background: transparent !important;
border-bottom: 1px solid rgb(var(--accent-brass) / 0.3);
position: relative;
z-index: 2;
height: 160px;
}
#header::before {
content: '';
position: absolute;
top: 20px;
left: 10px;
width: 120px;
height: 120px;
background-image: var(--logo-image);
background-size: contain;
z-index: 3;
animation: logo-glow 3s infinite ease-in-out;
}
#header::after {
display: none;
}
#header h1 a, #header h2 {
font-family: var(--header-font);
color: rgb(var(--text-light));
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
padding:0; margin:0; line-height:normal; max-height:none;
}
#header h1 a span, #header h2 span {
visibility: hidden;
}
#header h1 a::before, #header h2::before {
visibility: visible;
position: absolute;
}
#header h1 a {
font-size: 2rem;
font-weight: 700;
}
#header h1 a::before {
content: "伦理委员会";
}
#header h2::before {
content: "审查 · 裁决 · 监督";
font-size: 0.8rem;
color: rgb(var(--text-light) / 0.7);
}
#header h1 { float: none; position: absolute; top: 45px; left: 60px; }
#header h2 { float: none; clear: none; position: absolute; top: 95px; left: 185px; }
/* 4. 更新: 顶部导航栏 */
#top-bar {
background: rgb(var(--accent-verdict)) !important;
border-bottom: 3px solid rgb(var(--accent-brass)) !important;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
z-index: 20 !important;
max-width: none !important;
width: 100vw;
position: absolute;
left: 50%;
margin-left: -50vw;
}
#top-bar .top-bar > ul {
max-width: 980px;
margin: 0 auto;
padding: 0;
display: flex;
justify-content: center;
}
#top-bar a, #login-status a {
color: rgb(var(--text-light)) !important;
}
#top-bar .top-bar > ul > li:hover > a,
#top-bar .top-bar > ul > li.sfhover > a {
background: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
}
#top-bar .top-bar > ul > li ul {
background-color: rgb(var(--parchment-bg)) !important;
border: 1px solid rgba(var(--text-dark), 0.3) !important;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4) !important;
border-radius: 0 0 5px 5px !important;
padding: 0.5em 0 !important;
margin-top: -1px;
}
#top-bar .top-bar > ul > li ul li a {
color: rgb(var(--accent-verdict-dark)) !important;
background: transparent !important;
font-weight: bold;
border: none !important;
padding: 0.5em 1em !important;
display: block;
}
#top-bar .top-bar > ul > li ul li a:hover {
background-color: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
}
#top-bar .mobile-top-bar li:hover > a {
background: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
}
#top-bar .mobile-top-bar ul li ul {
background-color: rgb(var(--parchment-bg)) !important;
border: 1px solid rgba(var(--text-dark), 0.3) !important;
}
#top-bar .mobile-top-bar ul li ul li a {
color: rgb(var(--accent-verdict-dark)) !important;
}
#top-bar .mobile-top-bar ul li ul li a:hover {
background-color: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
}
div.odrop, #account-options {
background-color: rgb(var(--parchment-bg)) !important;
border: 1px solid rgb(var(--accent-brass)) !important;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4) !important;
border-radius: 0 0 5px 5px !important;
}
div.odrop a, #account-options a {
color: rgb(var(--accent-verdict-dark)) !important;
background: transparent !important;
font-weight: bold !important;
padding: 0.5em 1.2em !important;
text-decoration: none !important;
}
div.odrop a:hover, #account-options a:hover {
background-color: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
}
#search-top-box-input {
background: rgb(var(--parchment-bg)) !important;
color: rgb(var(--text-dark)) !important;
border: 1px solid rgb(var(--text-dark) / 0.2) !important;
border-radius: 3px !important;
transition: all 0.2s;
}
#search-top-box-input:focus {
border-color: rgb(var(--accent-brass)) !important;
box-shadow: 0 0 5px rgb(var(--accent-brass) / 0.5);
}
#search-top-box-form .button {
background: rgb(var(--accent-brass)) !important;
color: rgb(var(--slate-bg)) !important;
border: none !important;
font-weight: bold;
border-radius: 3px !important;
transition: all 0.2s;
}
#search-top-box-form .button:hover {
background: rgb(var(--accent-verdict)) !important;
color: rgb(var(--text-light)) !important;
}
/* ========= 侧边栏 ========= */
#side-bar {
z-index: 5;
}
#side-bar .side-block { background: rgb(var(--parchment-bg)) !important; border: 1px solid rgb(var(--text-dark) / 0.2) !important; border-radius: 0 !important; box-shadow: 5px 5px 0px rgba(var(--text-dark), 0.1) !important; }
#side-bar .heading { color: rgb(var(--text-dark)) !important; border-bottom: 2px solid rgb(var(--text-dark)) !important; font-family: var(--header-font); }
#side-bar a { color: rgb(var(--text-dark)) !important; }
#side-bar a:hover { color: rgb(var(--accent-brass)) !important; }
/* ========= 主内容区 ========= */
#main-content {
background: rgb(var(--parchment-bg));
border: 1px solid rgb(var(--text-dark) / 0.2);
padding: 2.5em !important;
color: rgb(var(--text-dark));
box-shadow: 8px 8px 15px rgba(0,0,0,0.3);
}
#page-title, .meta-title {
display: block !important;
position: relative !important;
padding-bottom: 0.8em !important;
margin-bottom: 0.8em !important;
border-bottom: 3px solid rgb(var(--accent-brass)) !important;
box-sizing: border-box !important;
width: 100% !important;
}
#page-title::after, .meta-title::after {
content: none !important;
}
#page-content {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
position: static !important;
}
#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6 {
font-family: var(--header-font);
color: rgb(var(--text-dark));
border-bottom: 1px solid rgb(var(--text-dark) / 0.3);
}
#page-content a { color: rgb(var(--accent-verdict)); position: relative; text-decoration: none; transition: color 0.3s ease; }
#page-content a:hover { color: rgb(var(--accent-brass)) !important; }
#page-content a::after { content: ''; position: absolute; width: 100%; height: 1px; bottom: -3px; left: 0; background-color: rgb(var(--accent-brass)); transform: scaleX(0); transform-origin: bottom right; transition: transform 0.3s ease-out; }
#page-content a:hover::after { transform: scaleX(1); transform-origin: bottom left; }
/* ========= 组件样式 ========= */
blockquote, div.blockquote { background: #f7f7f7 !important; border: 1px solid #ccc !important; border-left: 3px solid rgb(var(--accent-brass)) !important; box-shadow: none !important; position: relative; }
blockquote::after, div.blockquote::after { content: 'APPROVED'; position: absolute; bottom: 5px; right: 10px; font-family: var(--header-font); font-weight: bold; color: rgb(var(--accent-verdict) / 0.8); border: 3px double rgb(var(--accent-verdict) / 0.8); padding: 2px 5px; transform: rotate(-8deg); transition: all 0.2s ease; opacity: 0.8; }
blockquote:hover::after, div.blockquote:hover::after { transform: rotate(-8deg) scale(1.1); opacity: 1; }
/* 法槌动画（可选显示）*/
#page-content .gavel h1,
#page-content .gavel h2 {
position: relative;
padding-right: 30px;
}
#page-content .gavel h1::after,
#page-content .gavel h2::after {
content: '\f0e3';
font-family: 'FontAwesome';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%) rotate(0deg);
font-size: 0.9em;
color: rgb(var(--accent-brass));
transition: transform 0.2s ease-in-out;
}
#page-content .gavel h1:hover::after,
#page-content .gavel h2:hover::after {
animation: gavel-strike 0.5s ease;
}
.collapsible-block {
border: 1px solid rgb(var(--text-dark) / 0.2);
margin-bottom: 1em;
background: transparent;
}
a.collapsible-block-link {
display: block;
padding: 0.75em 1em;
background: rgba(var(--text-dark), 0.05);
color: rgb(var(--text-dark)) !important;
font-family: var(--header-font);
font-weight: bold;
text-decoration: none !important;
transition: background 0.2s;
}
a.collapsible-block-link:hover {
background: rgba(var(--accent-brass), 0.2);
}
.collapsible-block-unfolded-link {
border-bottom: 1px solid rgb(var(--text-dark) / 0.2);
}
.collapsible-block-unfolded .collapsible-block-content {
padding: 1em;
}
hr {
border: none !important;
height: auto !important;
border-top: 3px solid rgba(var(--accent-brass), 0.5) !important;
background: transparent !important;
margin: 2em 0 !important;
padding: 0 !important;
}
hr::before {
content: none !important;
animation: none !important;
}
.hr-scales {
border: none !important;
height: 40px !important;
line-height: 40px !important;
background: transparent !important;
margin: 0em 0 !important;
text-align: center;
padding: 0;
}
.hr-scales::before {
content: '⚖';
font-size: 40px;
font-weight: normal;
color: rgb(var(--accent-brass));
display: inline-block;
animation: tilt-scales 4s infinite ease-in-out;
text-shadow: 0 0 10px rgb(var(--accent-brass) / 0.5);
}
.yui-navset .yui-nav li a {
color: rgb(var(--accent-brass)) !important;
background: rgba(var(--slate-bg), 1) !important;
border-radius: 5px 5px 0 0 !important;
border: 1px solid transparent !important;
border-bottom: none !important;
opacity: 1;
transition: background 0.2s, color 0.2s;
}
.yui-navset .yui-nav li a:hover {
background: rgba(var(--slate-bg), 0.8) !important;
color: rgb(var(--text-light)) !important;
}
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:hover {
background: rgb(var(--accent-verdict)) !important;
color: rgb(var(--text-light)) !important;
opacity: 1;
border-color: rgba(var(--accent-brass), 0.5) !important;
}
.yui-navset .yui-content {
background: rgb(var(--parchment-bg)) !important;
color: rgb(var(--text-dark)) !important;
border: 1px solid rgba(var(--text-dark), 0.2) !important;
padding: 1em;
box-shadow: 5px 5px 0px rgba(var(--text-dark), 0.1) !important;
}
/* 6. 新增: 其他组件样式 */
#interwiki {
background: rgb(var(--parchment-bg)) !important;
border: 1px solid rgba(var(--text-dark), 0.2) !important;
box-shadow: 5px 5px 0px rgba(var(--text-dark), 0.1) !important;
border-radius: 0 !important;
}
#interwiki .heading {
font-family: var(--header-font); color: rgb(var(--text-dark));
border-bottom: 2px solid rgb(var(--accent-brass));
}
#interwiki a { color: rgb(var(--accent-verdict-dark)) !important; }
#interwiki a:hover { color: rgb(var(--accent-brass)) !important; }
#license-area, #license-area a {
background: rgba(var(--slate-bg), 0.95) !important;
color: rgb(var(--text-light)) !important;
}
/* ========= 滚动条样式 ========= */
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: rgb(var(--slate-bg));
}
::-webkit-scrollbar-thumb {
background-color: rgb(var(--accent-brass));
border-radius: 20px;
border: 3px solid rgb(var(--slate-bg));
}
/* ========= 动画效果定义 ========= */
@keyframes tilt-scales { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(8deg); } 75% { transform: rotate(-8deg); } }
@keyframes gavel-strike { 0% { transform: translateY(-50%) rotate(0deg); } 20% { transform: translateY(-50%) rotate(20deg); } 60% { translateY(-50%) rotate(-10deg); } 80% { transform: translateY(-50%) rotate(0deg); } 100% { transform: translateY(-50%) rotate(0deg); } }
@keyframes scroll-datascape {
from { background-position: 0 0; }
to { background-position: 0 -200px; }
}
@keyframes logo-glow {
0%, 100% {
filter: invert(80%) sepia(20%) saturate(500%) hue-rotate(10deg) drop-shadow(0 0 5px rgba(var(--accent-brass), 0.6));
}
50% {
filter: invert(80%) sepia(20%) saturate(500%) hue-rotate(10deg) drop-shadow(0 0 15px rgba(var(--accent-brass), 0.9));
}
}
/* ========= 手动手机端适配 (宽度 <= 480px)========= */
@media screen and (max-width: 480px) {
#header {
height: auto;
padding: 30px 10px 20px;
}
#header::after {
content: "";
display: table;
clear: both;
}
/* --- Logo图标 --- */
#header::before {
position: static;
float: left;
margin-right: 15px;
width: 80px;
height: 80px;
display: block;
margin-left: 0;
}
/* --- 主标题和副标题 --- */
/* 标题会自然地排列在浮动 Logo 的右侧 */
#header h1, #header h2 {
position: static;
float: none;
text-align: left;
margin: 0;
padding: 0;
}
#header h1 {
padding-top: 10px;
}
#header h1 a {
font-size: 1.6rem;
}
#header h2 {
margin-top: 8px;
text-indent: 1.5em;
font-size: 0.7rem;
white-space: nowrap;
}
/* --- 主内容区 --- */
#main-content {
padding: 1.5em !important;
}
}
[[/module]]
[[module CSS]]
@import url("https://scp-wiki-cn.wdfiles.com/local--code/theme:ethic-committee/1");
[[/module]]
[[iftags +版式]]
[[>]]
**评分模块：**
[[module Rate]]
[[/>]]
[[>]]
**评分与著作信息模块：**
[[/>]]
[[include :scp-wiki-cn:credit:start]]
**标题**：伦理委员会 版块
**作者**：[[*user M4A1MODIII]]
该版式适用于CC BY-SA 3.0授权方式。
[[include :scp-wiki-cn:credit:end]]
该版式由[[*user M4A1MODIII]]设计与制作，若你想修订版式的兼容或一些显示问题请与其联系（他不会修剩下的部分）
+ 使用方法
若要使用该版式，在页面开头引用以下内容。
[[=]]
> {{@@[[include :scp-wiki-cn:theme:ethic-committee]]@@}}
[[/=]]
该版式设计初衷鼓励用在与伦理委员会及相关部门主题紧密相关的文档，但也欢迎您在其他合适的页面中自由使用。
（但真的有机会么，哈哈）
在设计上参考了[[[ theme:redsquare | 红场版式 ]]]
**特殊组件样式：**
* **天平动画：** 正文内容的末尾有展示。
* **印章：** 引用块（`> `）的右下角带有一个“APPROVED”印章，鼠标悬停时会产生交互效果。
* **法槌动画：** 主要章节标题（h1, h2）的右侧带有一个法槌图标，鼠标悬停时会触发敲击动画。（已修订，参见页尾）
希望您对最终的样式感到满意。
----
一个普通的__下划__**加粗**//斜体//--删除--{{等宽}}__**//--{{字}}--//**__
另一个普通的 __下划__ **加粗** //斜体// --删除-- {{等宽}} __**//--{{字}}--//**__
| [https://www.baidu.com/ 这是一个链接！] | [[[4o4-n0t-f0und|一个空链接！]]] | [[a href="http://scp-wiki-cn.wikidot.com/"]]一个普通的__下划__**加粗**//斜体//--删除--{{等宽}}__**//--{{链接}}--//**__[[/a]] | [[a href="http://scp-wiki-cn.wikidot.com/"]]另一个普通的 __下划__ **加粗** //斜体// --删除-- {{等宽}} __**//--{{链接}}--//**__[[/a]]
[[collapsible show="+ 折叠 - 点击这里" hide="- 折叠 - 点击这里"]]
+ 1 级标题
++ 2 级标题
+++ 3 级标题
++++ 4 级标题
+++++ 5 级标题
++++++ 6 级标题
[[/collapsible]]
@@ @@
~~~~
[[tabview]]
[[tab 分页]]
此为分页（tab view）。
[[/tab]]
[[tab 分页]]
看，这有更多文字。
多么精巧绝伦。
[[/tab]]
[[tab 长 Tab]]
这是一个长的 tab，它有很多文字。[[footnote]]这是一个脚注。[[/footnote]]
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
这是一个长的 tab，它有很多文字。
[[/tab]]
[[tab 更长的 Tab]]
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
这也是一个长的 tab，它有很多文字。
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 这里的空 tab 有着一个特别特别长的名字，我想知道为什么会有这么长？]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[tab 空 Tab]]
[[/tab]]
[[/tabview]]
@@ @@
> 这是一个引用块，在一行字的起始处加上“> ”来创建。
>
> 更多文字
> -----
> 一条分割线
>
>> 嵌套引用块
>> -----
>> 嵌套引用块里的分割线
>>
>>> 嵌套嵌套引用块
>>> -----
>>> 嵌套嵌套引用块里的分割线
>>>
>>>> 够了，禁止套娃
@@ @@
||~ 这是 ||~ 表格 ||
|| 你应该老早 || 就知道怎么 ||
|||| 做这个了吧 ||
|| 1 || 2 ||
|| 3 || 4 ||
|| 谁是这里 || 最厉害的？ ||
|| #十六进制 || #至高无上 ||
----
**特殊组件样式：**
----
**特殊组件样式：法槌动画 (修订版)**
为了解决排版问题，原先强制为所有 `h1` 和 `h2` 标题添加的法槌动画已被修改为**可选**。默认情况下标题不带法槌，你可以自由选择为需要的标题启用此效果。
* **使用方法：** 将你需要添加法槌的标题（`+` 或 `++`）用一个带有 `gavel` 类的 `div` 容器包裹起来。
**用法示例：**
**WIKIDOT 代码：**
[[code]]
+ 这是一个标准的 h1 标题，没有法槌。
[[div class="gavel"]]
+ 这是一个带法槌的 h1 标题，鼠标悬停以查看动画。
[[/div]]
++ 这是一个标准的 h2 标题，同样没有法槌。
[[div class="gavel"]]
++ 这是一个带法槌的 h2 标题，鼠标悬停以查看动画。
[[/div]]
[[/code]]
**实际效果预览：**
+ 这是一个标准的 h1 标题，没有法槌。
[[div class="gavel"]]
+ 这是一个带法槌的 h1 标题，鼠标悬停以查看动画。
[[/div]]
++ 这是一个标准的 h2 标题，同样没有法槌。
[[div class="gavel"]]
++ 这是一个带法槌的 h2 标题，鼠标悬停以查看动画。
[[/div]]
----
* **司法天平动画分割线：** 一个动态摇摆的“司法天平”动画，适用于分隔重要章节。复制粘贴使用即可。
*
[[code]]
[[div class="hr-scales"]]
[[/div]]
[[/code]]
[[div class="hr-scales"]]
[[/div]]
[[/iftags]]