feat: 演唱會頁新增 YELLOW NOTE 蠶室場次影片連結與版權來源注意
This commit is contained in:
@@ -291,6 +291,35 @@ img {
|
|||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 場次影片連結(點場次看影片)+來源版權注意 */
|
||||||
|
/* 注意:class 名避開 "con-" 前綴,否則會被 197 行 [class*="con-"][class*="-"] 選到 */
|
||||||
|
.session-video-link {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-left: 12px;
|
||||||
|
padding: 3px 14px;
|
||||||
|
border-radius: 20px;
|
||||||
|
background: var(--color-brand);
|
||||||
|
color: var(--color-text-dark);
|
||||||
|
font-size: 0.82rem;
|
||||||
|
font-weight: 700;
|
||||||
|
text-decoration: none;
|
||||||
|
vertical-align: middle;
|
||||||
|
transition: all 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.session-video-link:hover {
|
||||||
|
background: var(--color-brand-light);
|
||||||
|
}
|
||||||
|
|
||||||
|
.session-video-note {
|
||||||
|
display: block;
|
||||||
|
margin: 4px 0 0 38px;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--color-text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
/* 地點圖示 */
|
/* 地點圖示 */
|
||||||
.location::before {
|
.location::before {
|
||||||
/* 1. 使用 Unicode 編碼代替貼圖 */
|
/* 1. 使用 Unicode 編碼代替貼圖 */
|
||||||
|
|||||||
@@ -397,6 +397,12 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="con-yk-4">
|
<div class="con-yk-4">
|
||||||
<span class="location">首爾 | 蠶室室內體育館</span>
|
<span class="location">首爾 | 蠶室室內體育館</span>
|
||||||
|
<a class="session-video-link" href="https://www.youtube.com/watch?v=N2tir7hEg-o" target="_blank"
|
||||||
|
rel="noopener noreferrer" data-video-title="Sechskies Yellow Note Final Disc 2"
|
||||||
|
data-video-source="YouTube・Doomstryker(非官方上傳)">
|
||||||
|
<i class="fa-solid fa-play"></i> 場次影片
|
||||||
|
</a>
|
||||||
|
<span class="session-video-note">影片來源:YouTube・Doomstryker(非官方上傳,僅供歌迷資料查閱,版權歸原著作權人所有)</span>
|
||||||
<input type="checkbox" id="expand-yk-4" class="expand-trigger">
|
<input type="checkbox" id="expand-yk-4" class="expand-trigger">
|
||||||
<div class="track-list">
|
<div class="track-list">
|
||||||
<div class="track-item"><span class="track">학원별곡(RISE UP)/ 學園別曲</span></div>
|
<div class="track-item"><span class="track">학원별곡(RISE UP)/ 學園別曲</span></div>
|
||||||
|
|||||||
Reference in New Issue
Block a user