「テンプレート:折り畳みボックス」の版間の差分
細 CSS調整 |
細 ダークモード対応テスト |
||
| (同じ利用者による、間の9版が非表示) | |||
| 1行目: | 1行目: | ||
<!-- 折り畳み式テンプレート --> | <!-- 折り畳み式テンプレート --> | ||
<div class="custom-template-expandable-box" style="border: 1px solid gray | <div class="custom-template-expandable-box" style="border: 1px solid gray;" data-opened="{{{opened|False}}}"> | ||
<div class="custom-template-expandable-box-header" style="background-color: {{{header_color}}}; display: flex; justify-content: space-between;"> | <div class="custom-template-expandable-box-header" style="background-color:light-dark( {{{header_color|white}}}, #0b0b00); display: flex; justify-content: space-between;"> | ||
<p style="text-align: center; width: 100%; font-size: 120%; font-weight: bold; margin: 0;">{{{title}}}</p> | <p style="text-align: center; width: 100%; font-size: 120%; font-weight: bold; margin: 0;">{{{title}}}</p> | ||
<p class="custom-template-expandable-box-toggle-label" style="flex-shrink: 0; padding: 0 | <p class="custom-template-expandable-box-toggle-label" style="flex-shrink: 0; padding: 0; margin: 0; color: blue; text-decoration: underline; cursor: pointer; width: 4rem; text-align: right;"></p> | ||
</div> | </div> | ||
<div class="custom-template-expandable-box-contents" style="padding: | <div class="custom-template-expandable-box-contents" style="padding: 0rem; background-color: light-dark(#fcfcfc, black) !important; "> | ||
{{{contents}}} | {{{contents}}} | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- ここまで --> | <!-- ここまで --> | ||
<noinclude> | |||
{{documentation}} | |||
</noinclude> | |||
<noinclude> | <noinclude> | ||
<templatedata> | <templatedata> | ||
| 56行目: | 58行目: | ||
} | } | ||
}, | }, | ||
"description": " | "description": "WikiPediaで使用されているガジェットの表示・非表示を切り替えられるテンプレートを再現しました。再現率は100％ではないですがテンプレートとして配置することができます。", | ||
"format": "block" | "format": "block" | ||
} | } | ||
</templatedata> | </templatedata> | ||
</noinclude> | </noinclude> | ||