テンプレについて
PCからだと文字が一定の大きさのまま、画面の左側に来ています。分かりにくいと思うので見本画像置いておきます。
※見本画像は実際のサイズより削っています(特に右側)。ナノのリンクは常に真ん中になり、そのちょうど上のところで文が折り返しているのが分かると思います。右側は何もなくて、灰色が広がるだけです。本当に分かりにくくてすみません。
↓図解すると多分こんな感じ
本文　　余白
　　-ナノ-

あとリンクにカーソル合わせると打ち消し線が登場します。
本文にはこんな風に下線がつきます。白い太めの下線です。見本画像を見れば分かります。
基本設定で1ページ内の表示件数を1件にするとテンプレと同じようになります。

ようやく配色
文字色：#191970
背景色：#dddddd
リンク色：#000033

HEAD

<style type="text/css"><!-- a { text-decoration:none; } a:hover { text-decoration:line-through; } body { letter-spacing:2px; font-size:90%; font-family:'Verdana', sans-serif; line-height:2; scrollbar-track-color:#dddddd; scrollbar-face-color:#dddddd; scrollbar-shadow-color:#dddddd; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#dddddd; scrollbar-3dlight-color:#ffffff; scrollbar-arrow-color:#191970; } br { letter-spacing:0; } textarea,input,select,option { border:solid #ffffff 1px; background-color:#dddddd; color:#191970; font-family:'Verdana', sans-serif; } .all { margin:5%; <pc_only>width:450px;</pc_only> } --></style>

全体レイアウト

<div class="all">#blog#</div>

一覧画面：一覧部分

<span style="border-bottom:dashed 3px #ffffff;">#text#<br />#title# : #m1##d1#<br />#ext_追記#</span><br /><br />

一覧画面：下部表示テキスト

#prev_新_新# : #next_古_古#

追記画面レイアウト

<span style="border-bottom:dashed 3px #ffffff;">#text2#<br />#title# : 追記</span><br /><br /><a href="">戻</a>