feat: 第 2 页满铺「墙」背景并新增墙上画框
背景按 page1「天」的明度铺满「墙」,前景标题与两列曲目四周整格扣空并居中; 灯笼右移一格、链加长两节使整体下沉;墙上以「框」包「图」拼出画框。
This commit is contained in:
1 parent
f253c8acf2
commit
38c7a83cb5
2 files changed
+44
-21
No files matched your search
+12
-6
@@ -1,5 +1,6 @@
|
||||
/* 第 2 页:无「天」背景;地、桌、椅、枪 */
|
||||
/* 第 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); }
|
||||
@@ -16,11 +17,16 @@
|
||||
.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 字号,3.125em = 距顶 5 格,2.5em = 距左 4 格 */
|
||||
em 相对自身 1.6em 字号,2.9375em = 距顶 4.7 格(居中于留空行 4–6),
|
||||
2.5em = 距左 4 格 */
|
||||
.listing {
|
||||
position: absolute;
|
||||
top: 3.125em;
|
||||
top: 2.9375em;
|
||||
left: 2.5em;
|
||||
margin: 0;
|
||||
color: #f2f2f2;
|
||||
@@ -33,7 +39,7 @@
|
||||
}
|
||||
|
||||
/* 酒水单列表:前景两列,各自定位;
|
||||
字号 1.25em,故 em = 格数 ÷ 1.25(如 9 格 = 7.2em) */
|
||||
字号 1.25em,故 em = 格数 ÷ 1.25(如 12.25 格 = 9.8em) */
|
||||
.program {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
@@ -44,8 +50,8 @@
|
||||
}
|
||||
|
||||
.program-col { position: absolute; }
|
||||
.program-col-1 { top: 10em; left: 3.2em; }
|
||||
.program-col-2 { top: 12em; left: 14.4em; }
|
||||
.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;
|
||||
|
||||
Reference in new issue
Block a user