分类系统卡
2022年12月12日
修订 2
评分
26
↑ 27
↓ 1
支持率
96%
总票数 28
Wilson 95% 下界
82.3%
在相同票数下更稳健的支持率估计
争议指数
0.138
评分趋势
按周聚合 加载图表中...
最近修订
1 / 1
最近投票
1 / 3
2024-09-03
2024-09-03
2023-01-29
2022-12-27
2022-12-19
2022-12-18
2022-12-16
2022-12-14
2022-12-14
2022-12-14
相关页面
暂无推荐
页面源码
[[iftags +组件]]
[[mOdUlE cSs]]
.step_container {
margin: 0.5rem 0;
border: 1px solid #999;
padding: 1em;
}
.help {
display: flex;
align-content: stretch;
padding-bottom: 1em;
border-bottom: 1px dashed #999;
}
.help blockquote {
margin: 0;
font-size: 85%;
}
.help blockquote > p {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center;
margin-right: 0;
min-height: 2rem;
margin: 0;
}
.help blockquote > p * {
font-size: 0.5rem;
margin: 0 0.1rem;
height: 100%;
}
.help blockquote:nth-of-type(1) {
width: 30%;
background: transparent;
border: unset;
box-shadow: unset;
text-align: right;
margin-right: 0;
padding: 0;
}
.help blockquote:nth-of-type(1) > p {
justify-content: flex-end;
}
.help blockquote:nth-of-type(2) {
margin-left: 1em;
width: 70%;
}
.collapsible-block-unfolded-link, .collapsible-block-folded {
text-align: center;
}
.collapsible-block-content {
text-align: left;
}
.show_container {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
border: 1px solid #999;
padding-bottom: 0.5rem;
}
.show_container>div {
width: calc(100% / 4);
text-align: center;
}
[[/mOdUlE]]
[[>]]
[[module rate]]
[[/>]]
[[div style="margin-top: -3rem"]]
+ **使用方法**
[[/div]]
[[div_ class="step_container"]]
[[div_ class="help"]]
>
> include 模块开头 ↦
>
> 项目编号 ↦
>
> 收容等级 ↦
>
> 危害类别 ↦
>
> 背景颜色(RGB值) ↦
>
> include 模块结束 ↦
>
>
> {{[[@@include@@ :scp-wiki-cn:component:classification-system-card}}
>
> {{|item-number= SCP-CN-XXXX}}
>
> {{|container-class= safe}}
>
> {{|item-category= cognito-hazard}}
>
> {{|bg-color= rgba(0, 0, 0, 0.2)}}
>
> {{]]}}
>
[[/div]]
@@@@
[[collapsible show="+ 展开源代码" hide="- 折叠源代码"]]
[[code]]
[[mOdUlE cSs]]
:root {
--all-width: calc(792.8px - 12rem);
--all-height: calc(var(--all-width) * 0.24);
--all-border: 0.3rem;
}
@media (max-width: 991px) {
:root {
--all-width: calc(80vw - 12rem);
}
}
@media (max-width: 767px) {
:root {
--all-width: calc(100vw - 6rem);
}
}
.cs-container {
width: var(--all-width);
height: var(--all-height);
padding-bottom: calc(var(--all-border) * 2);
margin: 0 auto;
position: relative;
top: 0;
left: 0;
/* background-color:rgba(0,255,255,0.2); */
}
.left-content {
width: var(--all-height);
height: var(--all-height);
border: solid var(--all-border) #000;
border-radius: calc(var(--all-border) * 3);
overflow: hidden;
/* background-color:rgba(255,0,255,0.2); */
}
.right-content {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 4));
height: var(--all-height);
border: solid var(--all-border) #000;
border-radius: calc(var(--all-border) * 3);
overflow: hidden;
position: absolute;
top: 0;
left: calc((var(--all-height) * 5/4) + (var(--all-border) * 2));
}
.right-content::before {
content: '';
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 6));
height: var(--all-border);
background-color: #000;
position: absolute;
top: calc(var(--all-height) / 3);
left: var(--all-border);
/* opacity:0.2; */
}
.right-content::after {
content: '';
width: var(--all-border);
height: calc((var(--all-height) * 2/3) - (var(--all-border) * 3));
background-color: #000;
position: absolute;
left: calc((var(--all-height) * 2/3) - var(--all-border));
bottom: var(--all-border);
/* opacity:0.2; */
}
.cs-logo {
width: var(--all-height);
height: var(--all-height);
background-image: url(//images.weserv.nl/?url=https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc边框);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 calc(var(--all-height) / 40);
}
.cs-logo > div {
width: var(--all-height);
height: var(--all-height);
background-size: contain;
background-repeat: no-repeat;
}
.cs-logo-cognito-hazard {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc认知危害);
background-position: 0 calc(var(--all-height) / 17);
}
.cs-logo-memetics-division-hazard {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc模因危害);
background-position: 0 calc(var(--all-height) / 30);
}
.cs-logo-antimemetics-division-hazard {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc逆模因危害);
background-position: 0 calc(var(--all-height) / 20);
opacity: 0;
transition: opacity 1s;
}
.cs-logo-antimemetics-division-hazard:hover {
opacity: 1;
}
.cs-logo-biology-hazard {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc生物危害);
background-position: 0 0;
}
.cs-number {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 4));
height: calc((var(--all-height) / 3) - (var(--all-height) / 60));
color: #000;
font-size: calc(var(--all-height) / 4);
font-weight: 600;
text-align: center;
padding-top: calc(var(--all-height) / 60);
/* background-color:rgba(255,0,0,0.2); */
}
.right-logo {
width: calc((var(--all-height) * 2/3) - var(--all-border));
height: calc((var(--all-height) * 2/3) - var(--all-border));
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: var(--all-border);
/* background-color:rgba(0,255,0,0.2); */
}
.right-logo:hover ~ .right-text {
opacity: 0;
transition: opacity 0.5s, top 0.5s;
top: calc((var(--all-height) / 3) - (var(--all-height) / 15));
}
.right-logo-safe {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/cscsafe);
}
.right-logo-euclid {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csceuclid);
}
.right-logo-keter {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/cscketer);
}
.right-logo-双子神 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc双子神);
}
.right-logo-无效化 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc无效化);
}
.right-logo-已解明 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc已解明);
}
.right-text {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-height) * 2/3) - (var(--all-height) / 12) - (var(--all-border) * 4));
height: calc((var(--all-height) * 2/3) - (var(--all-height) / 17) - var(--all-border));
color: #000;
font-size: calc(var(--all-height) / 4);
padding-top: calc(var(--all-height) / 17);
padding-left: calc(var(--all-height) / 12);
opacity: 1;
transition: opacity 0.5s, top 0.5s;
transition-delay: 0.4s;
position: absolute;
top: calc((var(--all-height) / 3) + var(--all-border));
right: 0;
/* background-color:rgba(0,0,255,0.2); */
}
.right-text-safe::after {
content: 'SAFE';
}
.right-text-euclid::after {
content: 'EUCLID';
}
.right-text-keter::after {
content: 'KETER';
}
.right-text-双子神::after {
content: 'THAUMIEL';
}
.right-text-无效化::after {
content: 'NEUTRALIZED';
font-size: calc(var(--all-height) / 4.8);
}
.right-text-已解明::after {
content: 'EXPLAINED';
}
.right-text-hide {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-height) * 2/3) - (var(--all-border) * 4));
height: calc((var(--all-height) * 2/3) - (var(--all-height) / 10) - var(--all-border));
color: #000;
font-size: calc(var(--all-height) / 3.45);
text-align: center;
padding-top: calc(var(--all-height) / 12);
opacity: 0;
transition: opacity 0.5s, top 0.5s;
position: absolute;
top: calc((var(--all-height) / 3) + (var(--all-height) / 4));
right: 0;
/* background-color:rgba(255,255,0,0.2); */
}
.right-logo:hover ~ .right-text-hide {
opacity: 1;
transition: opacity 0.5s, top 0.5s;
transition-delay: 0.4s;
top: calc((var(--all-height) / 3) + var(--all-border));
}
.right-text-hide-cognito-hazard::before {
content: '认知危害';
}
.right-text-hide-memetics-division-hazard::before {
content: '模因危害';
}
.right-text-hide-antimemetics-division-hazard::before {
content: '逆模因危害';
}
.right-text-hide-biology-hazard::before {
content: '生物危害';
}
.right-text-hide-en {
font-size: calc(var(--all-height) / 4);
padding-top: calc(var(--all-height) / 6.5);
}
.right-text-hide-en-cognito-hazard::before {
content: 'Cognito hazard';
}
.right-text-hide-en-memetics-division-hazard {
font-size: calc(var(--all-height) / 4.5);
padding-top: calc(var(--all-height) / 25);
}
.right-text-hide-en-memetics-division-hazard::before {
content: 'Memetics\A division hazard';
white-space: pre;
}
.right-text-hide-en-antimemetics-division-hazard {
font-size: calc(var(--all-height) / 4.5);
padding-top: calc(var(--all-height) / 25);
}
.right-text-hide-en-antimemetics-division-hazard::before {
content: 'Antimemetics\A division hazard';
white-space: pre;
}
.right-text-hide-en-biology-hazard::before {
content: 'Biology hazard';
}
.text-content {
font-size: calc((var(--all-height) / 7));
font-weight: 800;
}
.text-content:before {
content: '收容等级：';
}
.text-content-en:before {
content: 'Object Class: ';
}
.c-color {
background-color: {$bg-color};
}
[[/mOdUlE]]
[[div_ class="cs-container"]]
[[div_ class="left-content c-color"]]
[[div_ class="cs-logo"]]
[[div_ class="cs-logo-{$item-category}"]]
[[/div]]
[[/div]]
[[/div]]
[[div_ class="right-content c-color"]]
[[div_ class="cs-number"]]
{$item-number}
[[/div]]
[[div_ class="right-logo right-logo-{$container-class}"]]
[[/div]]
[[div_ class="right-text right-text-{$container-class}"]]
[[span class="text-content text-content-{$lang}"]] [[/span]]
@@@@
[[/div]]
[[div_ class="right-text-hide right-text-hide-{$lang} right-text-hide-{$item-category} right-text-hide-{$lang}-{$item-category}"]]
[[/div]]
[[/div]]
[[/div]]
[[/code]]
[[/collapsible]]
[[/div]]
+++ 收容等级选项
[[div class="show_container"]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/cscsafe]]
Safe
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csceuclid]]
Euclid
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/cscketer]]
Keter
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc双子神]]
双子神
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc无效化]]
无效化
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc已解明]]
已解明
[[/div]]
[[/div]]
+++ 危害类别选项
[[div class="show_container"]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc认知危害]]
认知危害
cognito-hazard
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc模因危害]]
模因危害
memetics-division-hazard
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc逆模因危害]]
逆模因危害
antimemetics-division-hazard
[[/div]]
[[div class=""]]
[[image https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc生物危害]]
生物危害
biology-hazard
[[/div]]
[[/div]]
@@@@
@@@@
[[/iftags]]
[[mOdUlE cSs]]
:root {
--all-width: calc(792.8px - 12rem);
--all-height: calc(var(--all-width) * 0.24);
--all-border: 0.3rem;
}
@media (max-width: 991px) {
:root {
--all-width: calc(80vw - 12rem);
}
}
@media (max-width: 767px) {
:root {
--all-width: calc(100vw - 6rem);
}
}
.cs-container {
width: var(--all-width);
height: var(--all-height);
padding-bottom: calc(var(--all-border) * 2);
margin: 0 auto;
position: relative;
top: 0;
left: 0;
/* background-color:rgba(0,255,255,0.2); */
}
.left-content {
width: var(--all-height);
height: var(--all-height);
border: solid var(--all-border) #000;
border-radius: calc(var(--all-border) * 3);
overflow: hidden;
/* background-color:rgba(255,0,255,0.2); */
}
.right-content {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 4));
height: var(--all-height);
border: solid var(--all-border) #000;
border-radius: calc(var(--all-border) * 3);
overflow: hidden;
position: absolute;
top: 0;
left: calc((var(--all-height) * 5/4) + (var(--all-border) * 2));
}
.right-content::before {
content: '';
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 6));
height: var(--all-border);
background-color: #000;
position: absolute;
top: calc(var(--all-height) / 3);
left: var(--all-border);
/* opacity:0.2; */
}
.right-content::after {
content: '';
width: var(--all-border);
height: calc((var(--all-height) * 2/3) - (var(--all-border) * 3));
background-color: #000;
position: absolute;
left: calc((var(--all-height) * 2/3) - var(--all-border));
bottom: var(--all-border);
/* opacity:0.2; */
}
.cs-logo {
width: var(--all-height);
height: var(--all-height);
background-image: url(//images.weserv.nl/?url=https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc边框);
background-size: contain;
background-repeat: no-repeat;
background-position: 0 calc(var(--all-height) / 40);
}
.cs-logo > div {
width: var(--all-height);
height: var(--all-height);
background-size: contain;
background-repeat: no-repeat;
}
.cs-logo-cognito-hazard {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc认知危害);
background-position: 0 calc(var(--all-height) / 17);
}
.cs-logo-memetics-division-hazard {
background-image: url(https://scpsandboxcn.wdfiles.com/local--files/collab:mayca/csc模因危害);
background-position: 0 calc(var(--all-height) / 30);
}
.cs-logo-antimemetics-division-hazard {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc逆模因危害);
background-position: 0 calc(var(--all-height) / 20);
opacity: 0;
transition: opacity 1s;
}
.cs-logo-antimemetics-division-hazard:hover {
opacity: 1;
}
.cs-logo-biology-hazard {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc生物危害);
background-position: 0 0;
}
.cs-number {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-border) * 4));
height: calc((var(--all-height) / 3) - (var(--all-height) / 60));
color: #000;
font-size: calc(var(--all-height) / 4);
font-weight: 600;
text-align: center;
padding-top: calc(var(--all-height) / 60);
/* background-color:rgba(255,0,0,0.2); */
}
.right-logo {
width: calc((var(--all-height) * 2/3) - var(--all-border));
height: calc((var(--all-height) * 2/3) - var(--all-border));
background-size: contain;
background-repeat: no-repeat;
background-position: 0 0;
margin-top: var(--all-border);
/* background-color:rgba(0,255,0,0.2); */
}
.right-logo:hover ~ .right-text {
opacity: 0;
transition: opacity 0.5s, top 0.5s;
top: calc((var(--all-height) / 3) - (var(--all-height) / 15));
}
.right-logo-safe {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/cscsafe);
}
.right-logo-euclid {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csceuclid);
}
.right-logo-keter {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/cscketer);
}
.right-logo-双子神 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc双子神);
}
.right-logo-无效化 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc无效化);
}
.right-logo-已解明 {
background-image: url(https://scpsandboxcn.wikidot.com/local--files/collab:mayca/csc已解明);
}
.right-text {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-height) * 2/3) - (var(--all-height) / 12) - (var(--all-border) * 4));
height: calc((var(--all-height) * 2/3) - (var(--all-height) / 17) - var(--all-border));
color: #000;
font-size: calc(var(--all-height) / 4);
padding-top: calc(var(--all-height) / 17);
padding-left: calc(var(--all-height) / 12);
opacity: 1;
transition: opacity 0.5s, top 0.5s;
transition-delay: 0.4s;
position: absolute;
top: calc((var(--all-height) / 3) + var(--all-border));
right: 0;
/* background-color:rgba(0,0,255,0.2); */
}
.right-text-safe::after {
content: 'SAFE';
}
.right-text-euclid::after {
content: 'EUCLID';
}
.right-text-keter::after {
content: 'KETER';
}
.right-text-双子神::after {
content: 'THAUMIEL';
}
.right-text-无效化::after {
content: 'NEUTRALIZED';
font-size: calc(var(--all-height) / 4.8);
}
.right-text-已解明::after {
content: 'EXPLAINED';
}
.right-text-hide {
width: calc(var(--all-width) - (var(--all-height) * 5/4) - (var(--all-height) * 2/3) - (var(--all-border) * 4));
height: calc((var(--all-height) * 2/3) - (var(--all-height) / 10) - var(--all-border));
color: #000;
font-size: calc(var(--all-height) / 3.45);
text-align: center;
padding-top: calc(var(--all-height) / 12);
opacity: 0;
transition: opacity 0.5s, top 0.5s;
position: absolute;
top: calc((var(--all-height) / 3) + (var(--all-height) / 4));
right: 0;
/* background-color:rgba(255,255,0,0.2); */
}
.right-logo:hover ~ .right-text-hide {
opacity: 1;
transition: opacity 0.5s, top 0.5s;
transition-delay: 0.4s;
top: calc((var(--all-height) / 3) + var(--all-border));
}
.right-text-hide-cognito-hazard::before {
content: '认知危害';
}
.right-text-hide-memetics-division-hazard::before {
content: '模因危害';
}
.right-text-hide-antimemetics-division-hazard::before {
content: '逆模因危害';
}
.right-text-hide-biology-hazard::before {
content: '生物危害';
}
.right-text-hide-en {
font-size: calc(var(--all-height) / 4);
padding-top: calc(var(--all-height) / 6.5);
}
.right-text-hide-en-cognito-hazard::before {
content: 'Cognito hazard';
}
.right-text-hide-en-memetics-division-hazard {
font-size: calc(var(--all-height) / 4.5);
padding-top: calc(var(--all-height) / 25);
}
.right-text-hide-en-memetics-division-hazard::before {
content: 'Memetics\A division hazard';
white-space: pre;
}
.right-text-hide-en-antimemetics-division-hazard {
font-size: calc(var(--all-height) / 4.5);
padding-top: calc(var(--all-height) / 25);
}
.right-text-hide-en-antimemetics-division-hazard::before {
content: 'Antimemetics\A division hazard';
white-space: pre;
}
.right-text-hide-en-biology-hazard::before {
content: 'Biology hazard';
}
.text-content {
font-size: calc((var(--all-height) / 7));
font-weight: 800;
}
.text-content:before {
content: '收容等级：';
}
.text-content-en:before {
content: 'Object Class: ';
}
.c-color {
background-color: {$bg-color};
}
[[/mOdUlE]]
[[div_ class="cs-container"]]
[[div_ class="left-content c-color"]]
[[div_ class="cs-logo"]]
[[div_ class="cs-logo-{$item-category}"]]
[[/div]]
[[/div]]
[[/div]]
[[div_ class="right-content c-color"]]
[[div_ class="cs-number"]]
{$item-number}
[[/div]]
[[div_ class="right-logo right-logo-{$container-class}"]]
[[/div]]
[[div_ class="right-text right-text-{$container-class}"]]
[[span class="text-content text-content-{$lang}"]] [[/span]]
@@@@
[[/div]]
[[div_ class="right-text-hide right-text-hide-{$lang} right-text-hide-{$item-category} right-text-hide-{$lang}-{$item-category}"]]
[[/div]]
[[/div]]
[[/div]]