From d7e89f7d48ad085b0eebc8d312b5900c07f2b063 Mon Sep 17 00:00:00 2001 From: Iosif Takakura Date: Thu, 12 Sep 2024 12:45:52 +0900 Subject: [PATCH] =?UTF-8?q?=E3=81=93=E3=82=8C=E3=82=92=E4=BB=A5=E3=81=A6?= =?UTF-8?q?=E3=82=88=E3=81=97=E3=81=A8=E3=81=AA=E3=81=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- colophon.xhtml | 42 ++++++----- sass/tate/_contents.scss | 13 +--- sass/tate/_format.scss | 157 ++++++++++++++++++--------------------- 3 files changed, 99 insertions(+), 113 deletions(-) diff --git a/colophon.xhtml b/colophon.xhtml index e3cb220..850c2a8 100644 --- a/colophon.xhtml +++ b/colophon.xhtml @@ -9,27 +9,29 @@
-
-

イノカシラ神話体系

-

並行現実小説集 総集編・一

-
-
-

二〇二四年十二月一日 初版第一刷 発行

+
+
+

イノカシラ神話体系

+

並行現実小説集 総集編・一

+
+
+

二〇二四年十二月一日 初版第一刷 発行

+
+
+
著者
+
るいざ・しゃーろっと
+
+
+
連絡先
+
るいざ・しゃーろっと<louisa.vrc@gmail.com>
+
+
+
印刷所
+
ねこのしっぽ
+
+
+

©二〇二四 井の頭文芸部

-
-
著者
-
るいざ・しゃーろっと、ＳＵＮ＠メタバース小説家
-
-
-
連絡先
-
るいざ・しゃーろっと<louisa.vrc@gmail.com>
-
-
-
印刷所
-
ねこのしっぽ
-
-
-

©二〇二四 井の頭文芸部

diff --git a/sass/tate/_contents.scss b/sass/tate/_contents.scss index 9d58ab0..30a3560 100644 --- a/sass/tate/_contents.scss +++ b/sass/tate/_contents.scss @@ -3,11 +3,10 @@ @import '../common/contents-common'; /* 画像＋キャプション */ -figure { - float: top; +div.image { width: 100%; display: flex; - flex-flow: row; + flex-flow: column; max-width: $content-width; max-height: $content-height; box-sizing: border-box; @@ -21,7 +20,7 @@ figure { box-sizing: border-box; } - figcaption { + & > p.caption { text-align: center; font-size: 7pt; line-height: 14pt; @@ -30,12 +29,6 @@ figure { -webkit-writing-mode: horizontal-tb; -epub-writing-mode: horizontal-tb; } - - &::after { - content:''; - display: block; - clear:both; - } } /* リンク */ diff --git a/sass/tate/_format.scss b/sass/tate/_format.scss index ba4eaa5..f97c92e 100644 --- a/sass/tate/_format.scss +++ b/sass/tate/_format.scss @@ -206,46 +206,58 @@ html { /* 奥付 */ .colophon { page: colophon; + writing-mode: horizontal-tb; + -webkit-writing-mode: horizontal-tb; + -epub-writing-mode: horizontal-tb; + font-size: 0.8rem; + width: 80%; + margin-right: 10%; + margin-left: auto; - &.page-break { + .page-break { margin-right: 0; } -} -@page colophon { - size: $paper-size; - bleed: $bleed-size; - width: $content-width; - height: $content-height; - margin-top: $ten; - margin-bottom: $chi; - margin-left: $nodo; - margin-right: $nodo; - font-size: 0.8rem; - - div.colophon-content { - max-width: 100%; - max-height: 100vh; - font-size: 7pt; + div.colophon-wrapper { + margin-block-start: 70%; + width: 100%; + height: 100%; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -epub-writing-mode: horizontal-tb; - margin-block-start: $content-height * 0.6; + div.colophon-content { + writing-mode: horizontal-tb; + -webkit-writing-mode: horizontal-tb; + -epub-writing-mode: horizontal-tb; + font-size: 7pt; - p { - text-indent: 0; - hanging-punctuation: none; - - &.subtitle { - font-size: 1.3rem; + h1 { + line-height: 1.3em; } - } - h2 { - text-indent: 0em; + h2 { + text-indent: 0em; + line-height: 1.3em; + } + + h1 + h2 { + margin-block-start: 0; + } + + p { + text-indent: 0; + hanging-punctuation: none; + + &.subtitle { + font-size: 1.3rem; + } + } } } +} + +@page colophon { @top-left { content: none; @@ -257,47 +269,36 @@ html { /* 著者紹介 */ .profile { - page: profile; -} - -@page profile { - size: $paper-size; - bleed: $bleed-size; - width: $content-width; - height: $content-height; - margin-top: $ten; - margin-bottom: $chi; - margin-left: $nodo; - margin-right: $nodo; font-size: 0.8em; + writing-mode: horizontal-tb; + -webkit-writing-mode: horizontal-tb; + -epub-writing-mode: horizontal-tb; div.profile-content{ - max-width: 100%; - max-height: 100vh; + width: 90%; + margin-left: auto; + margin-right: auto; + max-width: $content-width; + max-height: $content-height; font-size: 7pt; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -epub-writing-mode: horizontal-tb; - img { - width: 200px; - height: 200px; - float: top; - } figure { - float-reference: page; - float: top; - width: 100%; - max-width: $content-width; - max-height: $content-height; + width: 120px !important; box-sizing: border-box; - writing-mode: horizontal-tb; + writing-mode: horizontal-tb !important; + -webkit-writing-mode: horizontal-tb; + -epub-writing-mode: horizontal-tb; margin-bottom: 20px; + margin-left: auto; + margin-right: auto; & > img { display: block; - width: 200px; - height: 200px; + width: 120px; + height: 120px; box-sizing: border-box; } @@ -307,39 +308,29 @@ html { line-height: 14pt; margin-bottom: 4pt; } - - &::after { - content:''; - display: block; - clear:both; - } } div.profile-text { - text-indent: 0rem; - p { - margin-block-start: $base-line-height * 0.5; + + h2 { + text-indent: 0em; + } + } + dl { + width: 100%; + dt { + width: 20%; + font-weight: 700; + float: left; + &::after { + content: ": "; + } + } + + dd { + margin-left: 25%; + width: 80%; } } - } - - @top-left { - font-size: 5.5pt; - vertical-align: top; - margin-left: 3.75pt; - margin-top: 6mm; - -webkit-writing-mode: horizontal-tb; - -epub-writing-mode: horizontal-tb; - writing-mode: horizontal-tb; - } - - @top-right { - font-size: 5.5pt; - vertical-align: top; - margin-right: 3.75pt; - margin-top: 6mm; - -webkit-writing-mode: horizontal-tb; - -epub-writing-mode: horizontal-tb; - writing-mode: horizontal-tb; } }