これを以てよしとなす

huidetang · Sep 12, 2024 · d7e89f7 · d7e89f7
1 parent e704a15
commit d7e89f7
Show file tree

Hide file tree

Showing 3 changed files with 99 additions and 113 deletions.
diff --git a/colophon.xhtml b/colophon.xhtml
@@ -9,27 +9,29 @@
 </head>
 <body>
   <section class="colophon" id="colophon" role="doc-colophon">
-    <div class="colophon-content">
-      <h1 class="title">イノカシラ神話体系</h1>
-      <h2 class="subtitle">並行現実小説集 総集編・一</h2>
-      <hr />
-      <div class="pubhistory">
-        <p>二〇二四年十二月一日 初版第一刷 発行</p>
+    <div class="colophon-wrapper">
+      <div class="colophon-content">
+        <h1 class="title">イノカシラ神話体系</h1>
+        <h2 class="subtitle">並行現実小説集 総集編・一</h2>
+        <hr />
+        <div class="pubhistory">
+          <p>二〇二四年十二月一日 初版第一刷 発行</p>
+        </div>
+        <dl>
+          <dt>著者</dt>
+          <dd>るいざ・しゃーろっと</dd>
+        </dl>
+        <dl>
+          <dt>連絡先</dt>
+          <dd>るいざ・しゃーろっと&lt;[email protected]&gt;</dd>
+        </dl>
+        <dl>
+          <dt>印刷所</dt>
+          <dd>ねこのしっぽ</dd>
+        </dl>
+        <hr />
+        <p class="copyright">©二〇二四 井の頭文芸部</p>
       </div>
-      <dl>
-        <dt>著者</dt>
-        <dd>るいざ・しゃーろっと、ＳＵＮ＠メタバース小説家</dd>
-      </dl>
-      <dl>
-        <dt>連絡先</dt>
-        <dd>るいざ・しゃーろっと&lt;[email protected]&gt;</dd>
-      </dl>
-      <dl>
-        <dt>印刷所</dt>
-        <dd>ねこのしっぽ</dd>
-      </dl>
-      <hr />
-      <p class="copyright">©二〇二四 井の頭文芸部</p>
     </div>
   </section>
 </body>

diff --git 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
@@ -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;
   }
 }