模板:紧急新闻:修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
<includeonly> | <includeonly> | ||
<div style="margin:0 0 20px 0; border:3px | <div style="margin:0 0 20px 0; border:3px dotted #c41e3a; background:#1a1a1a; overflow:hidden;"> | ||
<div style="display:flex; align-items:stretch; flex-wrap:wrap;"> | <div style="display:flex; align-items:stretch; flex-wrap:wrap;"> | ||
<div style="flex:0 0 auto; line-height:0; | <!-- 左侧图片区 --> | ||
[[Image:新闻.gif| | <div style="flex:0 0 auto; line-height:0; position:relative;"> | ||
[[Image:新闻.gif|498x298px|link=]] | |||
<div style="position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent, rgba(0,0,0,0.6)); height:60px; pointer-events:none;"></div> | |||
</div> | </div> | ||
<div style="flex:1 1 | <!-- 右侧文字区 --> | ||
<div style="flex:1 1 280px; background:#9a9a00; padding:24px 28px; display:flex; flex-direction:column; justify-content:center; min-height:298px;"> | |||
<div style="font-size:1.8em; font-weight:900; color:#fff; text-transform:uppercase; letter-spacing:0.08em; line-height:1.2; margin-bottom:16px; text-shadow:2px 2px 0 rgba(0,0,0,0.3);"> | |||
BREAKING NEWS!! | |||
</div> | |||
<div style="font-size:1.15em; font-weight:700; color:#fff; line-height:1.7; text-shadow:1px 1px 0 rgba(0,0,0,0.2);"> | |||
{{{1|<span style="opacity:0.6;">此处填入突发新闻内容...</span>}}} | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||