Skip to content

Commit d7e89f7

Browse files
huideyerenhuideyeren
committed
これを以てよしとなす
1 parent e704a15 commit d7e89f7

File tree

3 files changed

+99
-113
lines changed

3 files changed

+99
-113
lines changed

‎colophon.xhtml

Lines changed: 22 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -9,27 +9,29 @@
99
</head>
1010
<body>
1111
<section class="colophon" id="colophon" role="doc-colophon">
12-
<div class="colophon-content">
13-
<h1 class="title">イノカシラ神話体系</h1>
14-
<h2 class="subtitle">並行現実小説集 総集編・一</h2>
15-
<hr />
16-
<div class="pubhistory">
17-
<p>二〇二四年十二月一日 初版第一刷 発行</p>
12+
<div class="colophon-wrapper">
13+
<div class="colophon-content">
14+
<h1 class="title">イノカシラ神話体系</h1>
15+
<h2 class="subtitle">並行現実小説集 総集編・一</h2>
16+
<hr />
17+
<div class="pubhistory">
18+
<p>二〇二四年十二月一日 初版第一刷 発行</p>
19+
</div>
20+
<dl>
21+
<dt>著者</dt>
22+
<dd>るいざ・しゃーろっと</dd>
23+
</dl>
24+
<dl>
25+
<dt>連絡先</dt>
26+
<dd>るいざ・しゃーろっと&lt;louisa.vrc@gmail.com&gt;</dd>
27+
</dl>
28+
<dl>
29+
<dt>印刷所</dt>
30+
<dd>ねこのしっぽ</dd>
31+
</dl>
32+
<hr />
33+
<p class="copyright">©二〇二四 井の頭文芸部</p>
1834
</div>
19-
<dl>
20-
<dt>著者</dt>
21-
<dd>るいざ・しゃーろっと、ＳＵＮ＠メタバース小説家</dd>
22-
</dl>
23-
<dl>
24-
<dt>連絡先</dt>
25-
<dd>るいざ・しゃーろっと&lt;louisa.vrc@gmail.com&gt;</dd>
26-
</dl>
27-
<dl>
28-
<dt>印刷所</dt>
29-
<dd>ねこのしっぽ</dd>
30-
</dl>
31-
<hr />
32-
<p class="copyright">©二〇二四 井の頭文芸部</p>
3335
</div>
3436
</section>
3537
</body>

‎sass/tate/_contents.scss

Lines changed: 3 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,10 @@
33
@import '../common/contents-common';
44

55
/* 画像＋キャプション */
6-
figure {
7-
float: top;
6+
div.image {
87
width: 100%;
98
display: flex;
10-
flex-flow: row;
9+
flex-flow: column;
1110
max-width: $content-width;
1211
max-height: $content-height;
1312
box-sizing: border-box;
@@ -21,7 +20,7 @@ figure {
2120
box-sizing: border-box;
2221
}
2322

24-
figcaption {
23+
& > p.caption {
2524
text-align: center;
2625
font-size: 7pt;
2726
line-height: 14pt;
@@ -30,12 +29,6 @@ figure {
3029
-webkit-writing-mode: horizontal-tb;
3130
-epub-writing-mode: horizontal-tb;
3231
}
33-
34-
&::after {
35-
content:'';
36-
display: block;
37-
clear:both;
38-
}
3932
}
4033

4134
/* リンク */

‎sass/tate/_format.scss

Lines changed: 74 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -206,46 +206,58 @@ html {
206206
/* 奥付 */
207207
.colophon {
208208
page: colophon;
209+
writing-mode: horizontal-tb;
210+
-webkit-writing-mode: horizontal-tb;
211+
-epub-writing-mode: horizontal-tb;
212+
font-size: 0.8rem;
213+
width: 80%;
214+
margin-right: 10%;
215+
margin-left: auto;
209216

210-
&.page-break {
217+
.page-break {
211218
margin-right: 0;
212219
}
213-
}
214220

215-
@page colophon {
216-
size: $paper-size;
217-
bleed: $bleed-size;
218-
width: $content-width;
219-
height: $content-height;
220-
margin-top: $ten;
221-
margin-bottom: $chi;
222-
margin-left: $nodo;
223-
margin-right: $nodo;
224-
font-size: 0.8rem;
225-
226-
div.colophon-content {
227-
max-width: 100%;
228-
max-height: 100vh;
229-
font-size: 7pt;
221+
div.colophon-wrapper {
222+
margin-block-start: 70%;
223+
width: 100%;
224+
height: 100%;
230225
writing-mode: horizontal-tb;
231226
-webkit-writing-mode: horizontal-tb;
232227
-epub-writing-mode: horizontal-tb;
233228

234-
margin-block-start: $content-height * 0.6;
229+
div.colophon-content {
230+
writing-mode: horizontal-tb;
231+
-webkit-writing-mode: horizontal-tb;
232+
-epub-writing-mode: horizontal-tb;
233+
font-size: 7pt;
235234

236-
p {
237-
text-indent: 0;
238-
hanging-punctuation: none;
239-
240-
&.subtitle {
241-
font-size: 1.3rem;
235+
h1 {
236+
line-height: 1.3em;
242237
}
243-
}
244238

245-
h2 {
246-
text-indent: 0em;
239+
h2 {
240+
text-indent: 0em;
241+
line-height: 1.3em;
242+
}
243+
244+
h1 + h2 {
245+
margin-block-start: 0;
246+
}
247+
248+
p {
249+
text-indent: 0;
250+
hanging-punctuation: none;
251+
252+
&.subtitle {
253+
font-size: 1.3rem;
254+
}
255+
}
247256
}
248257
}
258+
}
259+
260+
@page colophon {
249261

250262
@top-left {
251263
content: none;
@@ -257,47 +269,36 @@ html {
257269

258270
/* 著者紹介 */
259271
.profile {
260-
page: profile;
261-
}
262-
263-
@page profile {
264-
size: $paper-size;
265-
bleed: $bleed-size;
266-
width: $content-width;
267-
height: $content-height;
268-
margin-top: $ten;
269-
margin-bottom: $chi;
270-
margin-left: $nodo;
271-
margin-right: $nodo;
272272
font-size: 0.8em;
273+
writing-mode: horizontal-tb;
274+
-webkit-writing-mode: horizontal-tb;
275+
-epub-writing-mode: horizontal-tb;
273276

274277
div.profile-content{
275-
max-width: 100%;
276-
max-height: 100vh;
278+
width: 90%;
279+
margin-left: auto;
280+
margin-right: auto;
281+
max-width: $content-width;
282+
max-height: $content-height;
277283
font-size: 7pt;
278284
writing-mode: horizontal-tb;
279285
-webkit-writing-mode: horizontal-tb;
280286
-epub-writing-mode: horizontal-tb;
281287

282-
img {
283-
width: 200px;
284-
height: 200px;
285-
float: top;
286-
}
287288
figure {
288-
float-reference: page;
289-
float: top;
290-
width: 100%;
291-
max-width: $content-width;
292-
max-height: $content-height;
289+
width: 120px !important;
293290
box-sizing: border-box;
294-
writing-mode: horizontal-tb;
291+
writing-mode: horizontal-tb !important;
292+
-webkit-writing-mode: horizontal-tb;
293+
-epub-writing-mode: horizontal-tb;
295294
margin-bottom: 20px;
295+
margin-left: auto;
296+
margin-right: auto;
296297

297298
& > img {
298299
display: block;
299-
width: 200px;
300-
height: 200px;
300+
width: 120px;
301+
height: 120px;
301302
box-sizing: border-box;
302303
}
303304

@@ -307,39 +308,29 @@ html {
307308
line-height: 14pt;
308309
margin-bottom: 4pt;
309310
}
310-
311-
&::after {
312-
content:'';
313-
display: block;
314-
clear:both;
315-
}
316311
}
317312
div.profile-text {
318-
text-indent: 0rem;
319-
p {
320-
margin-block-start: $base-line-height * 0.5;
313+
314+
h2 {
315+
text-indent: 0em;
316+
}
317+
}
318+
dl {
319+
width: 100%;
320+
dt {
321+
width: 20%;
322+
font-weight: 700;
323+
float: left;
324+
&::after {
325+
content: ": ";
326+
}
327+
}
328+
329+
dd {
330+
margin-left: 25%;
331+
width: 80%;
321332
}
322333
}
323-
}
324-
325-
@top-left {
326-
font-size: 5.5pt;
327-
vertical-align: top;
328-
margin-left: 3.75pt;
329-
margin-top: 6mm;
330-
-webkit-writing-mode: horizontal-tb;
331-
-epub-writing-mode: horizontal-tb;
332-
writing-mode: horizontal-tb;
333-
}
334-
335-
@top-right {
336-
font-size: 5.5pt;
337-
vertical-align: top;
338-
margin-right: 3.75pt;
339-
margin-top: 6mm;
340-
-webkit-writing-mode: horizontal-tb;
341-
-epub-writing-mode: horizontal-tb;
342-
writing-mode: horizontal-tb;
343334
}
344335
}
345336

0 commit comments

Comments
 (0)