模板:紧急新闻：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第1行： | 第1行： | ||
<includeonly> | <includeonly> | ||
<div style="margin:0 0 16px 0; border: | <div style="margin:0 0 16px 0; border:3px solid #000; background:#fff; box-shadow:6px 6px 0 rgba(0,0,0,0.15); 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; position:relative;"> | |||
<!-- 左侧图片与角标 --> | |||
<div style="flex:0 0 auto; line-height:0; position:relative; border-right:3px solid #000; background:#000;"> | |||
[[Image:新闻.gif|249x149px|link=]] | [[Image:新闻.gif|249x149px|link=]] | ||
<div style="position:absolute; top: | <div style="position:absolute; top:10px; left:10px; background:#c41e3a; color:#fff; font-size:0.75em; font-weight:900; padding:2px 8px; letter-spacing:0.1em; box-shadow:2px 2px 0 #000;"> | ||
LIVE | |||
</div> | |||
</div> | </div> | ||
<div style="flex:1 1 200px; background: | |||
<div style="font-size:0. | <!-- 右侧新闻区域 --> | ||
<div style="font-size:1. | <div style="flex:1 1 200px; background:#c41e3a; padding:16px 20px; display:flex; flex-direction:column; justify-content:center; min-height:149px;"> | ||
{{{1|<span style=" | |||
<!-- 标题 --> | |||
<div style="font-family:Georgia, serif; font-size:0.8em; font-weight:900; color:#ffcdd2; letter-spacing:0.3em; margin-bottom:10px;"> | |||
BREAKING NEWS | |||
</div> | |||
<!-- 新闻内容（白底黑字的硬核方块） --> | |||
<div style="background:#fff; color:#000; font-size:1.15em; font-weight:900; padding:12px 16px; border:2px solid #000; box-shadow:3px 3px 0 rgba(0,0,0,0.2); line-height:1.4;"> | |||
{{{1|<span style="color:#999; font-weight:normal;">此处填入突发新闻内容...</span>}}} | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||