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

fix: 演唱會四卡同區

Browse Source
This commit is contained in:
jekkinoopy
2026-05-20 11:42:27 +08:00
parent 8d8df93fae
commit d8deb4e530
3 changed files with 93 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/concert.css
+2 -2
View File
@@ -411,7 +411,7 @@ img {
/* --- 2020 ACCESS：與其餘大卡同層級（title → img → con-X-1）；::after＝緞帶，CANCELED 水印用 ::before --- */
.con-4.con-access-denied[data-tour="ACCESS"] {
overflow: visible;
overflow: hidden;
}
.con-4[data-tour="ACCESS"]::after {
@@ -440,7 +440,7 @@ img {
font-weight: bold;
padding: 2px 4px;
border-radius: 4px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
z-index: 100;
border: 2px solid #fff;
background-color: #999 !important;
concert/concert.html
+33 -2
View File
@@ -9,6 +9,37 @@
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
<!-- 本頁：#stage-now＝同一奶油區（全站 section 外殼）；con-1～4 白卡疊在區內 -->
<style>
body.concert-page #stage-now {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 0 !important;
}
body.concert-page #stage-now > .con-1,
body.concert-page #stage-now > .con-2,
body.concert-page #stage-now > .con-3,
body.concert-page #stage-now > .con-4 {
width: 100%;
max-width: 100%;
box-sizing: border-box;
flex: 0 0 auto;
}
body.concert-page #stage-now > .con-4:last-child {
margin-bottom: 0;
}
body.concert-page .con-4.con-access-denied[data-tour="ACCESS"]::before {
z-index: 4;
}
body.concert-page .con-4[data-tour="ACCESS"]::after {
z-index: 5;
}
</style>
</head>
<body class="concert-page">
@@ -347,8 +378,6 @@
<label for="expand-con-2-5" class="expand-btn"></label>
</div>
</div>
</section>
<!-- 演唱會 03 -->
<div class="con-3" data-tour="NOW・HERE・AGAIN.">
<span class="title">2018&nbsp;&nbsp;|&nbsp;&nbsp;NOW・HERE・AGAIN</span>
@@ -407,6 +436,8 @@
</div>
</div>
</div>
</section>
<!-- 燦爛的最初（九十年代）／錨點 #stage-past -->
<section id="stage-past" aria-label="燦爛的最初">
totoga2/readable.html
+3 -24
View File
@@ -181,6 +181,8 @@
/* 各欄內文字區：與一欄 section 同款邊距（不另縮 42rem 置中欄） */
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section,
/* 多欄內文段落：移除置中約束 */
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section p.ebook-intro-lead,
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section p.ebook-intro-lead,
@@ -254,29 +256,6 @@
gap: 0.75rem;
}
/* 單欄 container11：標題、圖、內文同寬（42rem）左右置中 */
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container11)>.container11:has(> section.ebook-section) {
align-items: center;
}
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11>section.ebook-section {
width: 100%;
max-width: 42rem;
margin-inline: auto;
box-sizing: border-box;
}
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11>section.ebook-section>img {
width: 100%;
max-width: 100%;
margin-inline: auto;
display: block;
}
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11>section.ebook-section>h2.section-title {
text-align: center;
}
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:not(.readable-homework-block):not(.overlap-style):has(> .container21):has(> .container22)::after {
display: none;
}
@@ -766,7 +745,7 @@
<div class="container">
<div class="container11">
<section class="ebook-section">
<h2 class="section-title">世紀末的追星潮，那場驚天動地的「黃色奇蹟」!</h2>
<h2 class="section-title">世紀末的追星狂熱，你聽過那場驚天動地的「黃色奇蹟」嗎？</h2>
<img src="./readable/07-2_160416_0_02_35水晶男孩.jpg" alt="水晶男孩 COM' BACK">
<p class="ebook-intro-lead" style="margin-top: 30px;">
在大韓民國綜藝史上，MBC《無限挑戰》締造了無數眼淚與歡笑，而其中最傳奇的企劃，莫過於將 90