jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style 統一header

Browse Source
This commit is contained in:
jekkinoopy
2026-05-16 00:23:47 +08:00
parent fb6400b620
commit fa8b04d148
5 changed files with 55 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/style.css
+12 -21
View File
@@ -44,7 +44,7 @@ body {
line-height: 1.6;
}
/* 首頁 Hero 全屏；內頁 banner 見 .map-archive-header／.concert-archive-header */
/* 首頁 Hero 全屏；內頁 banner 僅 .map-archive-header（全站共用一 class） */
header#origin {
width: 100%;
height: 100vh;
@@ -488,7 +488,7 @@ a.btn[data-coming-soon="true"],
pointer-events: none;
}
header:not(.map-archive-header):not(.concert-archive-header),
header:not(.map-archive-header),
nav:not(.portal-nav),
.container,
footer {
@@ -1543,12 +1543,11 @@ footer a .mark_b {
transform: translateY(-50%);
}
/* 內頁頂部 banner：全屏 100vh（首頁 Hero 僅 header#origin） */
.map-archive-header,
.concert-archive-header {
/* 內頁頂部 banner（全站 .map-archive-header 同電子書複本；首頁僅 header#origin 全屏） */
header.map-archive-header {
width: 100%;
height: 100vh;
min-height: 100dvh;
height: auto;
min-height: clamp(14rem, 38vh, 24rem);
background-image: url('../images/header.jpg');
background-position: center 78%;
background-repeat: no-repeat;
@@ -1558,14 +1557,13 @@ footer a .mark_b {
align-items: center;
justify-content: center;
text-align: center;
padding: 0 20px;
padding: clamp(1.75rem, 4vh, 2.75rem) 20px;
overflow: hidden;
position: relative;
box-sizing: border-box;
}
.map-archive-header .main-title,
.concert-archive-header .main-title {
.map-archive-header .main-title {
font-size: clamp(2rem, 4.5vw, 3.2rem);
font-weight: 900;
color: var(--yellow, var(--primary));
@@ -1575,22 +1573,18 @@ footer a .mark_b {
text-shadow: 0 0 30px rgba(255, 221, 0, 0.75);
}
.map-archive-header .subtitle-wrap,
.concert-archive-header .subtitle-wrap {
.map-archive-header .subtitle-wrap {
margin-top: 20px;
}
.map-archive-header .subtitle-wrap::before,
.map-archive-header .subtitle-wrap::after,
.concert-archive-header .subtitle-wrap::before,
.concert-archive-header .subtitle-wrap::after {
.map-archive-header .subtitle-wrap::after {
height: 3px;
background-color: #ffcc00;
max-width: 56px;
}
.map-archive-header .sub-title,
.concert-archive-header .sub-title {
.map-archive-header .sub-title {
font-size: 0.92rem;
letter-spacing: 4px;
color: #d4d4d4;
@@ -1898,8 +1892,7 @@ footer a .mark_b {
}
@media (max-width: 920px) {
.map-archive-header .main-title,
.concert-archive-header .main-title {
.map-archive-header .main-title {
letter-spacing: 4px;
}
@@ -2285,8 +2278,6 @@ body.ebook-ssg2-page.totoga2-ebook-copy-page #my-flipbook .page {
border-radius: 0;
}
/* totoga2 整合／複本頁：頂部結構與其他 map-archive-header 內頁一致（僅 main-title + subtitle-wrap） */
body.totoga2-page .totoga2-hub-controls {
max-width: 1200px;
margin: 24px auto 10px;
assets/css/tablet.css
+1 -2
View File
@@ -134,8 +134,7 @@
padding: clamp(18px, 4vw, 22px);
}
.map-archive-header .main-title,
.concert-archive-header .main-title {
.map-archive-header .main-title {
letter-spacing: clamp(3px, 1vw, 6px);
}
assets/js/portal-nav.js
+2 -2
View File
@@ -216,8 +216,8 @@
<li><a target="_blank" rel="noopener noreferrer" href="${rp}index.html"><span class="portal-nav__label">淪陷瞬間</span></a>
<ul class="portal-submenu">
<li class="portal-nav__subgroup">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折（六六歌2）</span></span>
<ul class="portal-submenu-nested" aria-label="傳奇的轉折（六六歌2）">
<span class="portal-nav__subgroup-head"><span class="portal-nav__label">傳奇的轉折</span></span>
<ul class="portal-submenu-nested" aria-label="傳奇的轉折">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-timeline.html"><span class="portal-nav__label">時間軸</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}extra/totoga2-copy-ebook.html"><span class="portal-nav__label">電子書</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}fallen/totoga2.html"><span class="portal-nav__label">圖文好讀版</span></a></li>