style調整
This commit is contained in:
@@ -29,19 +29,14 @@
|
||||
position: static;
|
||||
z-index: auto;
|
||||
background: var(--surface);
|
||||
border: 2px solid rgba(255, 204, 0, 0.2);
|
||||
border-left: 5px solid var(--primary);
|
||||
border-radius: 12px;
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 同列共用奶油底、外框與欄間距（內文 section 仍保留 padding，不重複底色） */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container {
|
||||
padding: 0.75rem;
|
||||
/* gap: 0.75rem; */
|
||||
}
|
||||
|
||||
/* 同列共用奶油底、外框與欄間距（內文 section 仍保留 padding，不重複底色） */
|
||||
@@ -49,19 +44,13 @@
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container21):has(> .container22),
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container31):has(> .container32):has(> .container33),
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container:has(> .container41):has(> .container42):has(> .container43):has(> .container44) {
|
||||
/* padding: 0.75rem; */
|
||||
gap: 0.75rem;
|
||||
/* background: var(--surface);
|
||||
border: 1px solid rgba(255, 204, 0, 0.15); */
|
||||
border-radius: 16px;
|
||||
/* box-shadow: 0 14px 34px rgba(0, 0, 0, 0.15); */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
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,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section {
|
||||
/* 所有 container 內的 section 透明背景（已由 .containers 提供） */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container"] section.ebook-intro.section {
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
@@ -161,31 +150,11 @@
|
||||
/* 各欄內文字區：與一欄 section 同款邊距（不另縮 42rem 置中欄） */
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container11 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
clear: both;
|
||||
box-sizing: border-box;
|
||||
/* margin-bottom: 1.25rem; */
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section p.ebook-intro-lead,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section p.ebook-intro-lead {
|
||||
/* 多欄內文段落：移除置中約束 */
|
||||
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,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section p.ebook-intro-lead {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
@@ -193,15 +162,10 @@
|
||||
}
|
||||
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container21 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container22 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container31 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container32 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container33 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container41 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container42 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container43 section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader .container44 section.ebook-intro.section h3 {
|
||||
/* 多欄內 h3：移除置中約束 */
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container2"] section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container3"] section.ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page #totoga2-reader [class^="container4"] section.ebook-intro.section h3 {
|
||||
max-width: none;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
@@ -409,6 +373,10 @@
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-section {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-intro.section h3,
|
||||
body.ebook-ssg2-page.totoga2-page .ebook-main #totoga2-reader .ebook-section h3 {
|
||||
max-width: 100%;
|
||||
@@ -435,7 +403,7 @@
|
||||
padding: 1.25rem;
|
||||
border-radius: 8px;
|
||||
margin-bottom: 1.5rem;
|
||||
border-left: 5px solid var(--primary);
|
||||
/* border-left: 5px solid var(--primary); */
|
||||
}
|
||||
|
||||
/* 只有在 .overlap-style 裡面的 31、32、33 才會套用重疊效果 */
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 MiB After Width: | Height: | Size: 1.1 MiB |
Reference in New Issue
Block a user