查看“︁模板:折叠图片框”︁的源代码

<includeonly>

{{#if:{{{图片|}}}|
<div class="scp-image-block block-{{{对齐|右}}}" style="width:{{{宽度|300px}}}; display: block;">

<div class="collapsible-image">
<div class="collapsible-image-text">此图片含限制性内容</div>
<div class="collapsible-image-text-main">
<p>本图包含限制级内容，可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读，请点击下方的按钮继续查看。</p>
</div>
{{折叠|隐藏文本=此图片含有限制性内容，仍要观看 |展开文本=- 隐藏}}

[[File:{{{图片|}}}|{{#if:{{{width|}}}|{{replace|{{{宽度|}}}|px|}}px|300px}}|{{{对齐|右}}}|alt={{{alt-text|}}}]]

{{折叠结束}}

</div>

{{#if:{{{描述|}}}|
<div class="scp-image-caption" style="font-size: 0.9em; text-align: center; margin-top: 0.5em;">{{{描述}}}</div>
}}
</div>
|
<div style="color:red">未填写图片链接</div>
}}

{{#css:

@supports selector(:has(*)) {
    .collapsible-image {
        display: block;
        border: solid 2px #c12c32;
        background: var(--background-color-base,#fff);
    }

.collapsible-image-text{
display: inline-block;
        padding: 3px;
        font-size: 1.25rem;
        background: #c12c32;
        color: var(--background-color-base,#fff);
        font-weight: bold;
    }

.collapsible-image-text-main{
display: block;
        margin: 3px;
}


.collapsible-image:has(.mw-collapsible-toggle-expanded) .collapsible-image-text, 
.collapsible-image:has(.mw-collapsible-toggle-expanded) .collapsible-image-text-main {
        display: none;
    }

}



}

}}


</includeonly>

<noinclude>

{{模板:折叠图片框
|图片=LOGO.png
|描述=描述文本
}}

</noinclude>