style 調整配色
This commit is contained in:
+257
-251
@@ -44,288 +44,294 @@
|
|||||||
</header>
|
</header>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2 class="section-title">鬼神介紹</h2>
|
<h2 class="section-title">鬼神介紹</h2>
|
||||||
<!-- 第一排 -->
|
<!-- tr/td 必須放在 <table> 裡；外層用 div 接在 .container 的 grid 下，佔滿整列 -->
|
||||||
<tr>
|
<div class="njtw-member-table-wrap">
|
||||||
<td></td>
|
<table class="njtw-member-table">
|
||||||
<td></td>
|
<tbody>
|
||||||
<td></td>
|
<tr>
|
||||||
<td></td>
|
<td>
|
||||||
</tr>
|
<div class="member-card m1 parchment-card">
|
||||||
<tr>
|
<div class="parchment-inner">
|
||||||
<td></td>
|
|
||||||
<td></td>
|
|
||||||
<td></td>
|
|
||||||
<td></td>
|
|
||||||
</tr>
|
|
||||||
<div class="member-card m1 parchment-card">
|
|
||||||
<div class="parchment-inner">
|
|
||||||
|
|
||||||
<!-- <div class="parchment-logo" aria-hidden="true">新西遊記<span class="parchment-logo-num">5</span></div> -->
|
<!-- <div class="parchment-logo" aria-hidden="true">新西遊記<span class="parchment-logo-num">5</span></div> -->
|
||||||
<div class="parchment-headline">
|
<div class="parchment-headline">
|
||||||
<p class="parchment-name"></p>
|
<p class="parchment-name"></p>
|
||||||
<p class="parchment-role">姜鎬臉男 姜鎬童</p>
|
<p class="parchment-role">姜鎬臉男 姜鎬童</p>
|
||||||
<p class="parchment-byline">吃得津津有味的鬼怪</p>
|
<p class="parchment-byline">吃得津津有味的鬼怪</p>
|
||||||
</div>
|
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">視覺</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<!-- 將每顆 img 的 src 改成你的龍珠圖片網址（或同資料夾檔名） -->
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">注目度</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">可愛</span>
|
<span class="parchment-stat-label">視覺</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<!-- 將每顆 img 的 src 改成你的龍珠圖片網址（或同資料夾檔名） -->
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">注目度</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">可愛</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#吃貨精靈 #低聲細語</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#吃貨精靈 #低聲細語</p>
|
</td>
|
||||||
</div>
|
<td>
|
||||||
</div>
|
<div class="member-card m2 parchment-card">
|
||||||
|
<div class="parchment-inner">
|
||||||
<div class="member-card m2 parchment-card">
|
<div class="parchment-headline">
|
||||||
<div class="parchment-inner">
|
<p class="parchment-name"></p>
|
||||||
<div class="parchment-headline">
|
<p class="parchment-role">鬼娃恰吉 李壽根</p>
|
||||||
<p class="parchment-name"></p>
|
<p class="parchment-byline">不搞笑會死的鬼怪</p>
|
||||||
<p class="parchment-role">鬼娃恰吉 李壽根</p>
|
|
||||||
<p class="parchment-byline">不搞笑會死的鬼怪</p>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">娃娃美</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">語言能力</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">體能</span>
|
<span class="parchment-stat-label">娃娃美</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">語言能力</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">體能</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#最強短腿 #瘋狂跑動</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#最強短腿 #瘋狂跑動</p>
|
</td>
|
||||||
</div>
|
<td>
|
||||||
</div>
|
<div class="member-card m3 parchment-card">
|
||||||
|
<div class="parchment-inner">
|
||||||
<div class="member-card m3 parchment-card">
|
<div class="parchment-headline">
|
||||||
<div class="parchment-inner">
|
<p class="parchment-name"></p>
|
||||||
<div class="parchment-headline">
|
<p class="parchment-role">陰間使者 殷志源</p>
|
||||||
<p class="parchment-name"></p>
|
<p class="parchment-byline">戴上黑帽子 神志源回來了！</p>
|
||||||
<p class="parchment-role">陰間使者 殷志源</p>
|
|
||||||
<p class="parchment-byline">戴上黑帽子 神志源回來了！</p>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">化妝消化力</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">黑眼圈</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">暴走</span>
|
<span class="parchment-stat-label">化妝消化力</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">黑眼圈</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">暴走</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#瘋子使者 #最帥鬼怪</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#瘋子使者 #最帥鬼怪</p>
|
</td>
|
||||||
</div>
|
<td class="njtw-layout-slot">OB</td>
|
||||||
</div>
|
</tr>
|
||||||
|
<tr>
|
||||||
<!-- 第二排 -->
|
<td class="njtw-layout-slot">YB</td>
|
||||||
<div class="member-card m4 parchment-card">
|
<td>
|
||||||
<div class="parchment-inner">
|
<div class="member-card m4 parchment-card">
|
||||||
<div class="parchment-headline">
|
<div class="parchment-inner">
|
||||||
<p class="parchment-name"></p>
|
<div class="parchment-headline">
|
||||||
<p class="parchment-role">帥氣殭屍 安宰賢</p>
|
<p class="parchment-name"></p>
|
||||||
<p class="parchment-byline">美貌&藝能兼具 八面玲瓏的帥氣殭屍</p>
|
<p class="parchment-role">帥氣殭屍 安宰賢</p>
|
||||||
</div>
|
<p class="parchment-byline">美貌&藝能兼具 八面玲瓏的帥氣殭屍</p>
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">帥氣度</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">瘋癲</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">臉紅紅</span>
|
<span class="parchment-stat-label">帥氣度</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">瘋癲</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">臉紅紅</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#美男殭屍 #運動白痴</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#美男殭屍 #運動白痴</p>
|
</td>
|
||||||
</div>
|
<td>
|
||||||
</div>
|
<div class="member-card m5 parchment-card">
|
||||||
|
<div class="parchment-inner">
|
||||||
<div class="member-card m5 parchment-card">
|
<div class="parchment-headline">
|
||||||
<div class="parchment-inner">
|
<p class="parchment-name"></p>
|
||||||
<div class="parchment-headline">
|
<p class="parchment-role">現代鬼 宋旻浩</p>
|
||||||
<p class="parchment-name"></p>
|
<p class="parchment-byline">獨特的文藝青年 現代鬼怪</p>
|
||||||
<p class="parchment-role">現代鬼 宋旻浩</p>
|
|
||||||
<p class="parchment-byline">獨特的文藝青年 現代鬼怪</p>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">髮型</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">清純美</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">時髦度</span>
|
<span class="parchment-stat-label">髮型</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<div class="parchment-stat-row">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<span class="parchment-stat-label">清純美</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">時髦度</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#長髮宋 #綜藝神降臨</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#長髮宋 #綜藝神降臨</p>
|
</td>
|
||||||
</div>
|
<td>
|
||||||
</div>
|
<div class="member-card m6 parchment-card">
|
||||||
|
<div class="parchment-inner">
|
||||||
<div class="member-card m6 parchment-card">
|
<div class="parchment-headline">
|
||||||
<div class="parchment-inner">
|
<p class="parchment-name"></p>
|
||||||
<div class="parchment-headline">
|
<p class="parchment-role">德古拉 P.O</p>
|
||||||
<p class="parchment-name"></p>
|
<p class="parchment-byline">新血降臨！華麗誤答轟炸機！</p>
|
||||||
<p class="parchment-role">德古拉 P.O</p>
|
|
||||||
<p class="parchment-byline">新血降臨！華麗誤答轟炸機！</p>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-figure">
|
|
||||||
<div class="member-image"></div>
|
|
||||||
</div>
|
|
||||||
<div class="parchment-stats">
|
|
||||||
<div class="parchment-stat-row">
|
|
||||||
<span class="parchment-stat-label">腦力</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-figure">
|
||||||
<div class="parchment-stat-row">
|
<div class="member-image"></div>
|
||||||
<span class="parchment-stat-label">披風+領子</span>
|
|
||||||
<div class="parchment-stat-balls">
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="parchment-stats">
|
||||||
<div class="parchment-stat-row">
|
<div class="parchment-stat-row">
|
||||||
<span class="parchment-stat-label">藝能感</span>
|
<span class="parchment-stat-label">腦力</span>
|
||||||
<div class="parchment-stat-balls">
|
<div class="parchment-stat-balls">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
</div>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<div class="parchment-stat-row">
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<span class="parchment-stat-label">披風+領子</span>
|
||||||
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="parchment-stat-row">
|
||||||
|
<span class="parchment-stat-label">藝能感</span>
|
||||||
|
<div class="parchment-stat-balls">
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
<img src="dragon-ball.png" width="28" height="28" alt="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<p class="parchment-tags">#新弟子 #德古拉</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<p class="parchment-tags">#新弟子 #德古拉</p>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 影片區塊：將 iframe 的 src 換成 https://www.youtube.com/embed/你的影片ID -->
|
<!-- 影片區塊：將 iframe 的 src 換成 https://www.youtube.com/embed/你的影片ID -->
|
||||||
|
|||||||
+43
-7
@@ -114,6 +114,44 @@ body.njtw5-page .container {
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 成員 2×4 表格：必須為 table > tbody > tr > td，不可把 tr 直接放在 div 裡 */
|
||||||
|
body.njtw5-page .njtw-member-table-wrap {
|
||||||
|
grid-column: 1 / -1;
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
overflow-x: auto;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.njtw5-page .njtw-member-table {
|
||||||
|
width: max-content;
|
||||||
|
min-width: 100%;
|
||||||
|
border-collapse: separate;
|
||||||
|
border-spacing: clamp(10px, 2vw, 18px);
|
||||||
|
table-layout: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.njtw5-page .njtw-member-table td {
|
||||||
|
padding: 0;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.njtw5-page .njtw-member-table td:not(.njtw-layout-slot) {
|
||||||
|
min-width: clamp(220px, 24vw, 300px);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.njtw5-page .njtw-member-table .njtw-layout-slot {
|
||||||
|
width: 1%;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: middle;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 800;
|
||||||
|
font-size: clamp(1.35rem, 3.5vw, 1.85rem);
|
||||||
|
letter-spacing: 0.12em;
|
||||||
|
color: var(--njtw-ink);
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
|
||||||
body.njtw5-page .container .section-title,
|
body.njtw5-page .container .section-title,
|
||||||
body.njtw5-page .video-container .video-title {
|
body.njtw5-page .video-container .video-title {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
@@ -348,7 +386,7 @@ body.njtw5-page .parchment-card .parchment-stats {
|
|||||||
|
|
||||||
body.njtw5-page .parchment-card .parchment-stat-row {
|
body.njtw5-page .parchment-card .parchment-stat-row {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto minmax(0, 1fr);
|
grid-template-columns: auto minmax(min-content, 1fr);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px 10px;
|
gap: 8px 10px;
|
||||||
margin-bottom: clamp(8px, 1.6vw, 12px);
|
margin-bottom: clamp(8px, 1.6vw, 12px);
|
||||||
@@ -368,16 +406,14 @@ body.njtw5-page .parchment-card .parchment-stat-label {
|
|||||||
}
|
}
|
||||||
body.njtw5-page .parchment-card .parchment-stat-balls {
|
body.njtw5-page .parchment-card .parchment-stat-balls {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: wrap;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
min-width: 0;
|
min-width: min-content;
|
||||||
overflow-x: auto;
|
overflow-x: visible;
|
||||||
overflow-y: hidden;
|
overflow-y: visible;
|
||||||
-webkit-overflow-scrolling: touch;
|
|
||||||
padding-bottom: 2px;
|
padding-bottom: 2px;
|
||||||
scrollbar-width: thin;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body.njtw5-page .parchment-card .parchment-stat-balls img {
|
body.njtw5-page .parchment-card .parchment-stat-balls img {
|
||||||
|
|||||||
Reference in New Issue
Block a user