68 lines
2.1 KiB
CSS
68 lines
2.1 KiB
CSS
/* 第 2 页：满铺淡色「墙」背景，明度同 page1 的「天」 */
|
||
|
||
.wall { color: rgba(190, 200, 240, 0.15); }
|
||
.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); }
|
||
.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; }
|
||
|
||
/* 墙上画框：偏橄榄的古铜金，避免与本页既有的橙、棕、亮黄重复；画面为灰白 */
|
||
.frame { color: color-mix(in srgb, #e0c34a 62%, #000); }
|
||
.picture { color: color-mix(in srgb, #e8e8e4 42%, #000); }
|
||
|
||
/* 前景标题「酒水单」：字号与颜色同 page3 的「演职员表」；
|
||
em 相对自身 1.6em 字号，2.9375em = 距顶 4.7 格（居中于留空行 4–6），
|
||
2.5em = 距左 4 格 */
|
||
.listing {
|
||
position: absolute;
|
||
top: 2.9375em;
|
||
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（如 12.25 格 = 9.8em） */
|
||
.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: 10.2em; left: 4em; } /* 距顶 12.75 格、距左 5 格，居中于行 12–25 */
|
||
.program-col-2 { top: 11.8em; left: 13.6em; } /* 距顶 14.75 格、距左 17 格，居中于行 14–32 */
|
||
|
||
.program-item {
|
||
display: flex;
|
||
}
|
||
|
||
.program-no {
|
||
width: 2.6em;
|
||
text-align: left;
|
||
}
|
||
|
||
.program-name {
|
||
text-align: left;
|
||
white-space: nowrap;
|
||
}
|