Open rogenobl opened 3 weeks ago
KADOKAWA-EPUB 制作仕様にスタイルシートがあるのでそれを使うのもいいかもしれない。 ルール的にはaozora.cssに追加するが通常。
style-kadokawa.cssでは下のようなスタイルが指定されている。aozora.cssに追加するだけでいいかも。
/* 本扉(標準)
---------------------------------------------------------------- */
/* ページ全体の設定 */
.p-titlepage {
}
.p-titlepage .main {
margin: 0 auto 0 auto;
padding: 4em 1em 1.5em 1em;
max-width: 22em;
text-align: center;
line-height: 1.6;
}
/* 作品名 */
.p-titlepage .book-title {
margin: 0;
padding: 0;
}
.p-titlepage .book-title-before {
margin: 0;
padding: 0;
font-size: 0.85em;
}
.p-titlepage .book-title-main {
margin: 0;
padding: 0;
font-size: 1.5em;
}
.p-titlepage .book-title-after {
margin: 0;
padding: 0;
font-size: 0.85em;
}
.p-titlepage .book-title-demo {
margin: 1.5em 0 0 0;
padding: 0;
font-size: 0.85em;
}
/* 著者名 */
.p-titlepage .author {
margin: 1.5em 0 3em 0;
padding: 1.5em 0 0 0;
font-size: 0.85em;
border-top: 1px solid black;
}
.p-titlepage .author p {
margin: 0.5em 0 0 0;
padding: 0;
}
/* レーベルロゴ部分 */
.p-titlepage .label {
margin: 0;
padding: 0.4em 0 0.3em 0;
line-height: 1.2;
}
/* レーベルロゴ部分のロゴ画像 */
.p-titlepage .label-logo img {
height: 2em;
}
/* レーベルロゴ部分のレーベル名 */
.p-titlepage .label-name {
margin: 0;
padding: 0;
font-size: 0.75em;
font-family: sans-serif-jp, sans-serif;
}
思ったほど時間とれないのでゆっくりになりそうですが、一応、見た目は旧版 (1.1.0b55Q) 準拠の方向で修正してみてます。 その中で、二点ほど。 旧版では表題を中央の設定にすると、本文縦書きなら本表は縦書き左右中央ですが、本文横書きなら本表は横書き上下中央になります。 現在は縦書き横書き設定に関わらず縦書きです。 もう一つは表題を中央の設定にしたとき、現在は原題、原副題があっても加わりません。 これらも旧版準拠の方向で良いですか? 一方で、クラス名や構造など内部はなるべく電書協準拠で整えようと思います。
電子書籍ストア各社が提供するビューワーでの版面再現できなければ、機能を削ったほうがいいかなと考えている。
旧版準拠で修正&調整してみました https://github.com/kyukyunyorituryo/AozoraEpub3/compare/master...rogenobl:AozoraEpub3:fix/titlepage CSSの記述が結構多くなりましたが、CSSで調整出きるよう、字下げなどはすべてaozora.cssで行いました。
テスト用のEPUB作ってテストしました。Windows環境でスクリーンショットも付けています。 https://gist.github.com/rogenobl/6b7b3bbea0277d3e3b86db6b04309c80 一部微妙ですが、概ねは良いのではないかと思います。 他の環境・端末でチェック出来る方はしていただけたらと思います。
本家では下記で直書きされていたスタイルが電書協対応で削除されているので、特に横書き表題で何もスタイルが設定されていない様な感じです。 https://github.com/hmdev/AozoraEpub3/blob/master/template/OPS/xhtml/title_horizontal.vm
電書協ではクラス名は提示されているものの中身は空で、おそらく版元がデザインすべき事柄というスタンスだと思います。 https://github.com/kyukyunyorituryo/AozoraEpub3/blob/master/template/item/style/book-style.css#L230
一応、PR目指して修正したいと思っていますが、デザインは本家準拠で
book-style.css
に書いていく方向でいいでしょうか?