fix: 好讀版圖文統一與重點
This commit is contained in:
+1
-1
@@ -37,7 +37,7 @@
|
||||
<h2 class="section-title">紀實電子書</h2>
|
||||
<p class="ebook-intro-lead">
|
||||
四月那場重逢，不只是一集綜藝，而是塵封十六年的旋律，終於在笑聲與淚水裡再次被聽見。這本紀實電子書留住《無限挑戰》六六歌2
|
||||
的每一頁：有驚喜、有拉扯，也有那些當時說不出口的想念。慢慢翻過去吧——我們後來才明白，有些情誼早已超越了表演，只是在節目的鏡頭裡，換了一種方式，陪彼此一起變老。
|
||||
的每一頁：有驚喜、有拉扯，也有那些當時說不出口的想念。。
|
||||
</p>
|
||||
<div class="ebook-intro-notes fa-before-lead fa-before-lead--balloon">
|
||||
<p class="ebook-intro-note">看看後面飄落的氣球，等等十秒，電子書就會出現囉。</p>
|
||||
|
||||
+34
-20
@@ -539,12 +539,12 @@
|
||||
/* border-left: 5px solid var(--primary); */
|
||||
}
|
||||
|
||||
/* 文字在上、左右圖在下：flex 同列上下置中 */
|
||||
/* 文字在上、圖在下（單圖／雙圖共用；雙圖同列等高） */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images:not(.readable-text-then-images--single) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
justify-content: flex-start;
|
||||
width: 100%;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
@@ -567,12 +567,14 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images:not(.readable-text-then-images--single)>.container31,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images:not(.readable-text-then-images--single)>.container33 {
|
||||
float: none;
|
||||
flex: 1 1 calc(50% - 0.5rem);
|
||||
flex: 1 1 calc(50% - 0.375rem);
|
||||
min-width: 0;
|
||||
max-width: 50%;
|
||||
max-width: none;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
align-self: stretch;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@@ -580,10 +582,13 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images:not(.readable-text-then-images--single)>.container33 img {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
display: block;
|
||||
margin-inline: auto;
|
||||
margin-inline: 0;
|
||||
object-fit: contain;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
/* 文字在上、單圖在下，整塊置中 */
|
||||
@@ -599,8 +604,8 @@
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images.readable-text-then-images--single>.container11 {
|
||||
width: 100%;
|
||||
max-width: 42rem;
|
||||
margin-inline: auto;
|
||||
max-width: none;
|
||||
margin-inline: 0;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
@@ -612,15 +617,22 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images.readable-text-then-images--single>.container31 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
max-width: 36rem;
|
||||
margin-inline: auto;
|
||||
max-width: none;
|
||||
margin-inline: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container.readable-text-then-images.readable-text-then-images--single>.container31 img {
|
||||
margin-inline: auto;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
margin-inline: 0;
|
||||
object-fit: contain;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
/* overlap：三欄皆 float:left 30／46／30＋中欄負 margin（對齊粉線參考橫排相疊） */
|
||||
@@ -887,26 +899,28 @@
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="container readable-text-then-images readable-text-then-images--single">
|
||||
<div class="container11">
|
||||
<section class="ebook-section">
|
||||
<h3>絕對所有權！</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
好不容易在現場畫完了畫，當在錫哥理所當然地伸手準備拿走時，李宰鎮卻像個護著玩具的小孩，理直氣壯地一把護住自己的作品，神色認真地回絕：「不行，為什麼你要拿走？那是我畫的！所以是我的！」
|
||||
好不容易在現場畫完了畫，當在錫哥理所當然地伸手準備拿走時，李宰鎮卻像個護著玩具的小孩，理直氣壯地一把護住自己的作品，神色認真地回絕：<strong>「不行，為什麼你要拿走？那是我畫的！所以是我的！」</strong>
|
||||
</p>
|
||||
<img src="./readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</section>
|
||||
</div>
|
||||
<div class="container31">
|
||||
<img src="./readable/13-1_那是我畫的!所以是我的!.jpeg" alt="那是我畫的所以是我的">
|
||||
</div>
|
||||
</div>
|
||||
<div class="container readable-text-then-images">
|
||||
<div class="container11">
|
||||
<section class="ebook-section">
|
||||
<h3>隊長幫腔聯手逗弄</h3>
|
||||
<p class="ebook-intro-lead">
|
||||
坐在一旁的隊長殷志源，看到在錫哥被宰鎮逼到牆角，完全進入了看戲加煽風點火的模式。非但沒有幫主持人解圍，順著宰鎮那無厘頭的耿直邏輯，笑著在錫哥說：「（在錫）哥要是想拿走，你得自己畫！」
|
||||
坐在一旁的隊長殷志源，看到在錫哥被宰鎮逼到牆角，完全進入了看戲加煽風點火的模式。非但沒有幫主持人解圍，順著宰鎮那無厘頭的耿直邏輯，笑著在錫哥說：<strong>「（在錫）哥要是想拿走，你得自己畫！」</strong>
|
||||
|
||||
平常在節目上就是「初丁弟弟」的志源，配上完全活在自己純真世界裡的宰鎮，兩個人一搭一唱、天衣無縫，直接把縱橫綜藝界的國民 MC
|
||||
逗得毫無還手之力。這種毫無包袱、又充滿兄弟默契的可愛互動，瞬間讓全場陷入一片笑海。
|
||||
平常在節目上就是「初丁弟弟」的志源，配上完全活在自己純真世界裡的宰鎮，兩個人<strong>一搭一唱、天衣無縫</strong>，直接把縱橫綜藝界的國民 MC
|
||||
<strong>逗得毫無還手之力</strong>。這種毫無包袱、又充滿兄弟默契的可愛互動，瞬間<strong>讓全場陷入一片笑海</strong>。
|
||||
|
||||
</p>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user