feat: 第 2 页新增灯笼与酒水单前景列表
右上角以链/笼/灯/穗拼出灯笼;前景标题「酒水单」下按 references/节目单.txt 排两列曲目(前 5 后 7,数字与曲名各自左对齐);酒杯改为深绿玻璃色。
This commit is contained in:
1 parent
b84340fac1
commit
f253c8acf2
3 files changed
+123
-18
No files matched your search
+51
-4
@@ -4,12 +4,59 @@
|
||||
.table { color: color-mix(in srgb, #c08a4e 60%, #000); }
|
||||
.chair { color: color-mix(in srgb, #d98f3f 65%, #000); }
|
||||
.gun { color: color-mix(in srgb, #93a9c9 62%, #000); }
|
||||
.cup { color: color-mix(in srgb, #f2a83c 85%, #000); }
|
||||
.cup { color: color-mix(in srgb, #5fd08a 40%, #000); }
|
||||
.candle { color: color-mix(in srgb, #efd9a8 65%, #000); }
|
||||
.flame { color: color-mix(in srgb, #ff4b3a 80%, #000); }
|
||||
.barrel { color: color-mix(in srgb, #a86a2e 58%, #000); }
|
||||
.lid { color: color-mix(in srgb, #b03a2e 62%, #000); }
|
||||
.wine { color: rgba(244, 238, 222, 0.5); }
|
||||
.lamp { color: color-mix(in srgb, #e0d3bf 58%, #000); }
|
||||
.bulb { color: #ffe23a; }
|
||||
.glow { color: color-mix(in srgb, #ffe23a 22%, #000); }
|
||||
.chain { color: color-mix(in srgb, #aeb4bd 62%, #000); }
|
||||
.shade { color: color-mix(in srgb, #ef7d22 70%, #000); }
|
||||
.cap { color: color-mix(in srgb, #ef7d22 70%, #000); }
|
||||
.tassel { color: color-mix(in srgb, #d8382a 80%, #000); }
|
||||
.core { color: #ffe23a; }
|
||||
|
||||
/* 前景标题「酒水单」:字号与颜色同 page3 的「演职员表」;
|
||||
em 相对自身 1.6em 字号,3.125em = 距顶 5 格,2.5em = 距左 4 格 */
|
||||
.listing {
|
||||
position: absolute;
|
||||
top: 3.125em;
|
||||
left: 2.5em;
|
||||
margin: 0;
|
||||
color: #f2f2f2;
|
||||
font-size: 1.6em;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
letter-spacing: 0;
|
||||
white-space: nowrap;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* 酒水单列表:前景两列,各自定位;
|
||||
字号 1.25em,故 em = 格数 ÷ 1.25(如 9 格 = 7.2em) */
|
||||
.program {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
color: #e6dac6;
|
||||
font-size: 1.25em;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.program-col { position: absolute; }
|
||||
.program-col-1 { top: 10em; left: 3.2em; }
|
||||
.program-col-2 { top: 12em; left: 14.4em; }
|
||||
|
||||
.program-item {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.program-no {
|
||||
width: 2.6em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.program-name {
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
Reference in new issue
Block a user