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

feat:加入白色版標題

Browse Source
This commit is contained in:
jekkinoopy
2026-05-06 20:31:53 +08:00
parent c03fbb9318
commit a389065fc1
2 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
concert.css
+40
View File
@@ -1,3 +1,43 @@
.concert-archive-header {
text-align: center;
padding: 100px 20px 80px;
background: #fcfaf2;
/* 延用你的米白背景 */
}
.main-title {
font-size: 3.5rem;
font-weight: 900;
color: #333;
margin: 0;
letter-spacing: 10px;
text-transform: uppercase;
}
.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: 1.2rem;
color: #888;
letter-spacing: 6px;
margin: 0 25px;
}
body { body {
background-color: #fcfaf2; background-color: #fcfaf2;
/* 溫潤米白背景 */ /* 溫潤米白背景 */
concert.html
+8
View File
@@ -9,6 +9,14 @@
<body> <body>
<!-- HTML 結構 --> <!-- HTML 結構 -->
<header class="concert-archive-header">
<div class="header-inner">
<h1 class="main-title">20th ANNIVERSARY TOUR</h1>
<div class="subtitle-wrap">
<span class="sub-title">SECHSKIES CONCERT ARCHIVE</span>
</div>
</div>
</header>
<div class="search-section"> <div class="search-section">
<input type="text" class="search-input" placeholder="搜尋曲目或場次..."> <input type="text" class="search-input" placeholder="搜尋曲目或場次...">
</div> </div>