aozoraepub3のCSSをカスタマイズ

「小説を読もう！」サイトの小説ををsony readerで読むために、aozoraepub3の新しいバージョンを入れてみました。

これが便利で……！

使用したのはこのバージョン。

AozoraEpub3-1.1.0b31.zip

urlショートカットって何？　ってところでつまずきましたが、わかってみればすごく簡単！

（chromeからD&Dでurl横のアイコンを引っ張ってくるだけでした）

reader用の設定と、前のバージョンのCSSをそのままコピペして準備完了！

デフォルトのCSSだと、余白がなくてちょっと読みにくい感じなので、pタグの所をちょっと変更。

基本部分はこんな感じ。

readerだと横書きになれているので、横書き派です。

縦書きだと、もうちょっと上下に余白が欲しいかな。

/* 横書き基本部分 */

p {

text-align:left;

}

img {

max-width: 100%;

max-height: 100%;

}

span.img {

display: inline-block;

}

:link { color: #00C; background: transparent; }

:visited { color: #609; background: transparent; }

a:active { color: #C00; background: transparent; }

a:link img, a:visited img { border-style: none; }

h1 { font-size: 150%;padding-left: 1em; }

h2, h3, h4, h5, h6 {padding-left: 1em; }

h2 { font-size: 130%;}

h3 { font-size: 115%;}

h4 { font: bold 100%; }

h5 { font: italic 100%; }

h6 { font: small-caps 100%; }

p { margin: 0 2px 0 2px; }

.strike { text-decoration:line-through; }

.dbl_strike { text-decoration:line-through; }

.b, .gtc{ font-weight: bold; }

.gtc, .b { font-family: 'ＭＳ ゴシック','MS Gothic',sans-serif; }

.i { font-style: italic; }

---

追記：

aozoraepub3のCSSは設定画面では変更できません。

同梱フォルダ内のCSSを書き換えます。

template　→　ops　→　css

横書きは horizontal です。