객체 경고 상자 소스
잠깐 정지!!
SCP 위키 내부에서 사용되는 템플릿 페이지입니다.
스탭의 허가없이
이 페이지를 만지지 마세요
[[module css]]
div.warning {
position: relative;
height: 15rem;
}
div.warning span {
word-break: break-word;
}
div.warning div.warning-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
div.warning div.text-top,
div.warning div.text-bottom,
div.warning div.text-number {
width: 100%;
display: flex;
justify-content: center;
text-align: center;
}
div.warning div.text-top {
font-size: 2em;
line-height: 1;
margin-bottom: 0.5em;
font-weight: 900;
}
div.warning div.text-bottom {
font-size: 1.25em;
line-height: 1;
margin: 0 auto;
}
div.warning div.text-number {
font-size: 1.25em;
position: absolute;
bottom: 2em;
}
div.warning div.image-bg {
position: absolute;
background: url(https://scp-wiki.wdfiles.com/local--files/component%3Aobject-warning-box-source/scp-logo.svg;
background: url({$bg-image});
-webkit-background-size: contain;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
top: 0;
width: 100%;
height: 15rem;
z-index: 0;
opacity: {$bg-opacity};
}
@media only screen and (max-width: 768px) {
div.warning div.text-top {
font-size: 1.75em;
}
div.warning div.text-bottom {
font-size: 1.15em;
}
}
[[/module]]
[[div_ class="warning"]]
[[div_ class="warning-container"]]
[[div_ class="text-top"]]
[[span]]{$text-top}[[/span]]
[[/div]]
[[div_ class="text-bottom"]]
[[span]]{$text-bottom}[[/span]]
[[/div]]
[[/div]]
[[div_ class="text-number"]]
[[span]]{$object-number}[[/span]]
[[/div]]
[[div_ class="image-bg"]]
[[/div]]
[[/div]]
페이지 내역: 8, 마지막 수정: 26 Aug 2021 12:47