rogerwang2008
f253c8acf2
右上角以链/笼/灯/穗拼出灯笼；前景标题「酒水单」下按 references/节目单.txt 排两列曲目（前 5 后 7，数字与曲名各自左对齐）；酒杯改为深绿玻璃色。
63 lines
1.7 KiB
CSS
63 lines
1.7 KiB
CSS
/* 第 2 页：无「天」背景；地、桌、椅、枪 */
|
||
|
||
.ground { color: color-mix(in srgb, #8a7350 55%, #000); }
|
||
.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, #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); }
|
||
.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;
|
||
}
|