feat 全站頂欄標題改 site-header-inner class 首頁保留 100vh
This commit is contained in:
+1
-35
@@ -4,41 +4,7 @@ body.concert-page {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* 頂部 banner 版面見 style.css .concert-archive-header（與 .map-archive-header 共用） */
|
||||
|
||||
.main-title {
|
||||
font-size: 3.5rem;
|
||||
font-weight: 900;
|
||||
color: var(--yellow);
|
||||
margin: 0;
|
||||
letter-spacing: 8px;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 0 0 30px rgba(255, 221, 0, 0.75);
|
||||
}
|
||||
|
||||
.subtitle-wrap {
|
||||
margin-top: 25px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.subtitle-wrap::before,
|
||||
.subtitle-wrap::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
height: 3px;
|
||||
background-color: #ffcc00;
|
||||
/* 水晶黃 */
|
||||
max-width: 60px;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
font-size: 1rem;
|
||||
color: #d4d4d4;
|
||||
letter-spacing: 6px;
|
||||
margin: 0 25px;
|
||||
}
|
||||
/* 頂部 banner 主標／副標：style.css .site-header-inner（HTML 加在 .header-inner 上） */
|
||||
|
||||
.concert-page .concert-container {
|
||||
padding: 50px 0;
|
||||
|
||||
+1
-40
@@ -156,46 +156,7 @@ section.archive-intro p {
|
||||
|
||||
/* ---------- 首頁 home-page：閱讀寬度與字級（弱化對 vw 的依賴） ---------- */
|
||||
|
||||
/* Hero 大標：維持全站水晶黃字色，用深色描邊＋暈光與淺黃底圖區隔 */
|
||||
.home-page header .hero h1 {
|
||||
color: var(--primary);
|
||||
font-weight: 900;
|
||||
letter-spacing: 0.05em;
|
||||
text-shadow:
|
||||
0 0 0.04em rgba(42, 32, 0, 0.55),
|
||||
0 0.03em 0 rgba(26, 20, 0, 0.42),
|
||||
0 0.08em 0.12em rgba(0, 0, 0, 0.28),
|
||||
0 -0.02em 0.06em rgba(255, 255, 255, 0.35),
|
||||
0 0 0.35em rgba(255, 204, 0, 0.85),
|
||||
0 0 0.85em rgba(255, 180, 0, 0.4);
|
||||
}
|
||||
|
||||
/* 副標：結構與 concert 相同（subtitle-wrap + 兩側黃線）；字級大於演唱會頁以利閱讀 */
|
||||
.home-page header .hero .subtitle-wrap {
|
||||
margin: 0.65rem auto 1.05rem;
|
||||
padding: 0 0.75rem;
|
||||
max-width: min(40rem, 94vw);
|
||||
}
|
||||
|
||||
.home-page header .hero .subtitle-wrap::before,
|
||||
.home-page header .hero .subtitle-wrap::after {
|
||||
height: 3px;
|
||||
max-width: min(72px, 14vw);
|
||||
background-color: #ffcc00;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.home-page header .hero .subtitle-wrap .sub-title {
|
||||
margin: 0 min(1.6rem, 4vw);
|
||||
font-size: clamp(1.12rem, 2.4vw + 0.72rem, 1.52rem);
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.22em;
|
||||
line-height: 1.5;
|
||||
color: #e6e6e6;
|
||||
text-shadow:
|
||||
0 0 0.35em rgba(0, 0, 0, 0.45),
|
||||
0 0.06em 0.18em rgba(0, 0, 0, 0.35);
|
||||
}
|
||||
/* 首頁頂欄主標／副標：與內頁相同，見 style.css .site-header-inner（#origin 僅保留 100vh 全屏） */
|
||||
|
||||
.home-page .container {
|
||||
max-width: min(1200px, calc(100% - 2rem));
|
||||
|
||||
+14
-12
@@ -513,12 +513,7 @@ footer {
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
color: var(--primary);
|
||||
text-shadow: 0 0 30px rgba(255, 221, 0, 0.8);
|
||||
}
|
||||
/* 頂欄主標／副標字級與色見 .site-header-inner（對齊 extra/totoga2-copy-ebook.html） */
|
||||
|
||||
.hero p {
|
||||
font-size: 1.2rem;
|
||||
@@ -1563,7 +1558,8 @@ header.map-archive-header {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.map-archive-header .main-title {
|
||||
/* 全站頂欄標題語彙（母本：extra/totoga2-copy-ebook.html → .header-inner.site-header-inner） */
|
||||
.site-header-inner .main-title {
|
||||
font-size: clamp(2rem, 4.5vw, 3.2rem);
|
||||
font-weight: 900;
|
||||
color: var(--yellow, var(--primary));
|
||||
@@ -1573,21 +1569,27 @@ header.map-archive-header {
|
||||
text-shadow: 0 0 30px rgba(255, 221, 0, 0.75);
|
||||
}
|
||||
|
||||
.map-archive-header .subtitle-wrap {
|
||||
.site-header-inner .subtitle-wrap {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.map-archive-header .subtitle-wrap::before,
|
||||
.map-archive-header .subtitle-wrap::after {
|
||||
.site-header-inner .subtitle-wrap::before,
|
||||
.site-header-inner .subtitle-wrap::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
height: 3px;
|
||||
background-color: #ffcc00;
|
||||
max-width: 56px;
|
||||
}
|
||||
|
||||
.map-archive-header .sub-title {
|
||||
.site-header-inner .sub-title {
|
||||
font-size: 0.92rem;
|
||||
letter-spacing: 4px;
|
||||
color: #d4d4d4;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.map-layout {
|
||||
@@ -1892,7 +1894,7 @@ header.map-archive-header {
|
||||
}
|
||||
|
||||
@media (max-width: 920px) {
|
||||
.map-archive-header .main-title {
|
||||
.site-header-inner .main-title {
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
padding: clamp(18px, 4vw, 22px);
|
||||
}
|
||||
|
||||
.map-archive-header .main-title {
|
||||
.site-header-inner .main-title {
|
||||
letter-spacing: clamp(3px, 1vw, 6px);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user