Template:Infobox Backrooms:修订间差异

删除的内容 添加的内容
云云​(留言 | 贡献)
无编辑摘要
云云​(留言 | 贡献)
无编辑摘要
第1行:
<div style="background: #1a1a2e; color: #e0e0e0; margin: 1em 0; position: relative; overflow: hidden; min-height: 120px; border-radius: 4px;">
<!-- 顶部条 -->
<div style="background: linear-gradient(90deg, #4a4a4a 0%, {{#f5c518 40%, #f5c518 100%); padding: 10px 16px; position: relative; z-indexswitch: 2;">{{{等级|0}}}
| 0 = #4ade80
| 1 = #f5c518
| 2 = #fb923c
| 3 = #f87171
| 4 = #ef4444
| 5 = #dc2626
| #default = #f5c518
}} 40%, {{#switch: {{{等级|0}}}
| 0 = #4ade80
| 1 = #f5c518
| 2 = #fb923c
| 3 = #f87171
| 4 = #ef4444
| 5 = #dc2626
| #default = #f5c518
}} 100%); padding: 10px 16px; position: relative; z-index: 2;">
<div style="font-size: 1.5em; font-weight: bold; color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);">生存难度:</div>
<div style="font-size: 1.2em; color: #fff; font-style: italic;">等级 {{{等级|?0}}}</div>
<!-- 斜线装饰 -->
<div style="position: absolute; right: 90px; top: -10px; bottom: -10px; width: 40px; background: #1a1a2e; transform: skewX(-35deg);"></div>
第10行 ⟶ 第26行:
<!-- 菱形图标 -->
<div style="position: absolute; right: -30px; top: -30px; width: 160px; height: 160px; background: {{#f5c518; transformswitch: rotate(45deg); box-shadow: -3px 3px 10px rgba({{{等级|0,0,0,0.4); z-index: 1;">}}}
| 0 = #4ade80
| 1 = #f5c518
| 2 = #fb923c
| 3 = #f87171
| 4 = #ef4444
| 5 = #dc2626
| #default = #f5c518
}}; transform: rotate(45deg); box-shadow: -3px 3px 10px rgba(0,0,0,0.4); z-index: 1;">
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg);">
<div style="width: 55px; height: 55px; border: 4px solid #1a1a2e; display: flex; align-items: center; justify-content: center; font-size: 2em; font-weight: bold; color: #1a1a2e; font-family: serif;">{{{等级|?0}}}</div>
</div>
</div>