[[module css]]
:root {
--five-color: 196,2,51;
--four-color: 255,109,0;
--three-color: 255,211,0;
--two-color: 0,135,189;
--one-color: 0,159,107;
}
.acs-hybrid {
display: -ms-grid;
display: grid;
grid-template-areas:
"item item clear"
"contain disrupt disrupt"
"contain risk risk";
-ms-grid-rows: 1fr 0.125rem 1fr 0.125rem 1fr;
grid-template-rows: 1fr 1fr 1fr;
-ms-grid-columns: 25% 0.125rem 1fr 0.125rem 1fr;
grid-template-columns: 25% 1fr 1fr;
grid-gap: 0.125rem;
width: 100%;
height: 6.5rem;
background-color: rgb(var(--black-monochrome, 12, 12, 12));
position: relative;
}
.acs-hybrid > a {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: rgb(0,0,0,0);
}
@media (max-width: 500px ) {
.acs-hybrid {
grid-template-areas:
"item item clear"
"contain contain contain"
"disrupt disrupt disrupt"
"risk risk risk";
grid-template-rows: 2fr 2fr 1fr 1fr;
height: 10rem;
max-height: 50vh;
}
}
.acs-hybrid > div {
background-color: rgb(var(--white-monochrome, 252, 252, 252));
padding: 0.25rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.acs-hybrid > div strong {
margin-right: 0.25rem;
}
.acs-hybrid > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.acs-hybrid > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.acs-hybrid .acs-hybrid-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0.25rem;
}
.acs-hybrid .acs-hybrid-icon img {
border-radius: 50%;
border: 0.125rem solid rgb(var(--black-monochrome,12,12,12));
}
.acs-hybrid > .acs-hybrid-contain .acs-hybrid-icon {
height: 3.5rem;
width: 3.5rem;
}
.acs-hybrid > .acs-hybrid-disrupt .acs-hybrid-icon,
.acs-hybrid > .acs-hybrid-risk .acs-hybrid-icon {
height: 1.5rem;
width: 1.5rem;
}
.acs-hybrid > .acs-hybrid-item {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
grid-area: item;
font-size: 1.5em;
}
.acs-hybrid > .acs-hybrid-clear {
-ms-grid-row: 1;
-ms-grid-column: 5;
grid-area: clear;
font-size: 1.25em;
}
.acs-hybrid > .acs-hybrid-clear.acs-clear-1 {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-clear.acs-clear-2 {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-clear.acs-clear-3 {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-clear.acs-clear-4 {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-clear.acs-clear-5 {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-contain {
-ms-grid-row: 3;
-ms-grid-row-span: 3;
-ms-grid-column: 1;
grid-area: contain;
font-size: 1.25em;
padding-left: 0.75em;
}
.acs-hybrid > .acs-hybrid-contain.acs-neutralized,
.acs-hybrid > .acs-hybrid-contain.acs-esoteric {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
box-shadow: inset 0.5rem 0 0 0 rgba(var(--gray-monochrome, 66, 66, 72),0.15);
}
.acs-hybrid > .acs-hybrid-contain.acs-pending {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
box-shadow: inset 0.5rem 0 0 0 rgb(var(--white-monochrome, 12, 12, 12));
background-color: rgb(var(--black-monochrome, 12, 12, 12));
color: rgb(var(--white-monochrome, 252, 252, 252));
}
.acs-hybrid > .acs-hybrid-contain.acs-explained {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
box-shadow: inset 0.5rem 0 0 0 rgb(var(--black-monochrome, 12, 12, 12));
}
.acs-hybrid > .acs-hybrid-contain.acs-safe {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
box-shadow: inset 0.5rem 0 0 0 rgb(var(--one-color));
}
.acs-hybrid > .acs-hybrid-contain.acs-euclid {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
box-shadow: inset 0.5rem 0 0 0 rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-contain.acs-keter {
-webkit-box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
box-shadow: inset 0.5rem 0 0 0 rgb(var(--five-color));
}
.acs-hybrid > .acs-hybrid-contain.acs-euclid img {
background-color: rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-disrupt {
-ms-grid-row: 3;
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-area: disrupt;
}
.acs-hybrid > .acs-hybrid-disrupt.acs-dark,
.acs-hybrid > .acs-hybrid-disrupt.acs-vlam,
.acs-hybrid > .acs-hybrid-disrupt.acs-keneq,
.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi,
.acs-hybrid > .acs-hybrid-disrupt.acs-amida, {
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-disrupt.acs-dark {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-dark img {
background-color: rgb(var(--one-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-vlam img {
background-color: rgb(var(--two-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-vlam {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-keneq {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-keneq {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-ekhi {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-amida {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}
.acs-hybrid > .acs-hybrid-disrupt.acs-amida {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}
.acs-text > .acs-text-risk,
.acs-hybrid > .acs-hybrid-risk {
-ms-grid-row: 5;
-ms-grid-column: 3;
-ms-grid-column-span: 3;
grid-area: risk;
}
.acs-hybrid > .acs-hybrid-risk.acs-notice,
.acs-hybrid > .acs-hybrid-risk.acs-caution,
.acs-hybrid > .acs-hybrid-risk.acs-warning,
.acs-hybrid > .acs-hybrid-risk.acs-danger,
.acs-hybrid > .acs-hybrid-risk.acs-critical {
padding-left: 0.5em;
}
.acs-hybrid > .acs-hybrid-risk.acs-notice {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--one-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-notice img {
background-color: rgb(var(--one-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-caution {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--two-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-caution img {
background-color: rgb(var(--two-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-warning {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-warning img {
background-color: rgb(var(--three-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-danger {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--four-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-danger img {
background-color: rgb(var(--four-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-critical {
-webkit-box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
box-shadow: inset 0.25rem 0 0 0 rgb(var(--five-color));
}
.acs-hybrid > .acs-hybrid-risk.acs-critical img {
background-color: rgb(var(--five-color));
}
[[/module]]
[[div_ class="acs-hybrid"]]
[http://scp-zh-tr.wikidot.com/anomaly-classification-system-guide 指南頁連結]
[[div_ class="acs-hybrid-item"]]
[[span]]**項目編號:** 2105[[/span]]
[[/div]]
[[div_ class="acs-hybrid-clear acs-clear-2"]]
**權限等級2:**限制
[[/div]]
[[div_ class="acs-hybrid-contain acs-euclid"]]
[[div_ class="acs-hybrid-text"]]
**收容分級:**Euclid
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/euclid-icon.svg]]
[[/div]]
[[/div]]
[[div_ class="acs-hybrid-disrupt acs-vlam"]]
[[div_ class="acs-hybrid-text"]]
**瓦解分級:** 2/Vlam
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/vlam-icon.svg]]
[[/div]]
[[/div]]
[[div_ class="acs-hybrid-risk acs-notice"]]
[[div_ class="acs-hybrid-text"]]
**風險分級:** 1/注意
[[/div]]
[[div_ class="acs-hybrid-icon"]]
[[image http://scp-wiki.wdfiles.com/local--files/component%3Aanomaly-class-bar/vlam-icon.svg]]
[[/div]]
[[/div]]
[[/div]]