rogerwang2008
07c2ab1f25
page3 空白格按 page1「天」的明度铺「黑」，nametag 与「演职员表」四周整格避让 （标题留白缩矮一格后居中，牌子整体上移一格）；电线、麻雀、草、消防栓配色并入 熔岩暖色族。page1 去掉太阳上下端帽，行宽按半径 8 的圆逐行取整。 标题非强调部分改用与两页小字一致的 #e6dac6。
52 lines
1.5 KiB
CSS
52 lines
1.5 KiB
CSS
/* 第 3 页：空白格铺淡色「黑」作墙；配色统一靠火山暖色：熔岩族为主，冷色只留电线一处，亮度整体收拢到 50–85% */
|
||
|
||
/* 背景「黑」：与 page1「天」同明度的中性淡色 */
|
||
.ink { color: rgba(200, 200, 208, 0.15); }
|
||
|
||
.wire { color: color-mix(in srgb, #8794a5 65%, #000); }
|
||
.sparrow { color: color-mix(in srgb, #ff7a3f 85%, #000); }
|
||
.grass { color: color-mix(in srgb, #7bc14f 72%, #000); }
|
||
.hydrant { color: color-mix(in srgb, #e0362a 75%, #000); }
|
||
/* 火山岩 / 熔岩参考色，按明度 50% 处理 */
|
||
.rock { color: color-mix(in srgb, #d07a38 50%, #000); }
|
||
.lava-a { color: color-mix(in srgb, #ff8f3f 50%, #000); }
|
||
.lava-b { color: color-mix(in srgb, #ff5a2a 50%, #000); }
|
||
|
||
/* 前景标题：不参与网格，字号与位置自由；
|
||
top 的 em 相对自身 1.6em 字号，2.9375em = 距顶部 4.7 格（居中于留空行 4–6） */
|
||
.credits {
|
||
position: absolute;
|
||
top: 2.9375em;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
margin: 0;
|
||
color: #f5efe4;
|
||
font-size: 1.6em;
|
||
font-weight: 400;
|
||
line-height: 1;
|
||
letter-spacing: 0;
|
||
white-space: nowrap;
|
||
z-index: 1;
|
||
}
|
||
|
||
/* 演职员表 nametag：5 × 2 格，格内居中 */
|
||
.nametag {
|
||
position: absolute;
|
||
z-index: 1;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
width: 5em;
|
||
height: 2em;
|
||
background: rgba(10, 8, 6, 0.54);
|
||
}
|
||
|
||
.nametag-name {
|
||
color: #e6dac6;
|
||
font-size: 1em;
|
||
font-weight: 400;
|
||
line-height: 1;
|
||
letter-spacing: 0;
|
||
white-space: nowrap;
|
||
}
|