Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

表題や著者などにスタイルが設定されていない #29

Open
rogenobl opened this issue Nov 1, 2024 · 6 comments
Open

表題や著者などにスタイルが設定されていない #29

rogenobl opened this issue Nov 1, 2024 · 6 comments

Comments

@rogenobl
Copy link

rogenobl commented Nov 1, 2024

本家では下記で直書きされていたスタイルが電書協対応で削除されているので、特に横書き表題で何もスタイルが設定されていない様な感じです。
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に書いていく方向でいいでしょうか?

@kyukyunyorituryo
Copy link
Owner

KADOKAWA-EPUB 制作仕様にスタイルシートがあるのでそれを使うのもいいかもしれない。
ルール的にはaozora.cssに追加するが通常。

@kyukyunyorituryo
Copy link
Owner

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;
}

@kyukyunyorituryo
Copy link
Owner

@rogenobl
Copy link
Author

rogenobl commented Nov 6, 2024

思ったほど時間とれないのでゆっくりになりそうですが、一応、見た目は旧版 (1.1.0b55Q) 準拠の方向で修正してみてます。
その中で、二点ほど。
旧版では表題を中央の設定にすると、本文縦書きなら本表は縦書き左右中央ですが、本文横書きなら本表は横書き上下中央になります。
現在は縦書き横書き設定に関わらず縦書きです。
もう一つは表題を中央の設定にしたとき、現在は原題、原副題があっても加わりません。
これらも旧版準拠の方向で良いですか?
一方で、クラス名や構造など内部はなるべく電書協準拠で整えようと思います。

@kyukyunyorituryo
Copy link
Owner

電子書籍ストア各社が提供するビューワーでの版面再現できなければ、機能を削ったほうがいいかなと考えている。

@rogenobl
Copy link
Author

旧版準拠で修正&調整してみました
master...rogenobl:AozoraEpub3:fix/titlepage
CSSの記述が結構多くなりましたが、CSSで調整出きるよう、字下げなどはすべてaozora.cssで行いました。

テスト用のEPUB作ってテストしました。Windows環境でスクリーンショットも付けています。
https://gist.github.com/rogenobl/6b7b3bbea0277d3e3b86db6b04309c80
一部微妙ですが、概ねは良いのではないかと思います。
他の環境・端末でチェック出来る方はしていただけたらと思います。

@rogenobl rogenobl mentioned this issue Jan 5, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants