まる様 | ナノ

Novel room

Long story

吐息から派生
登場人物
 設定
01.鼓膜をあやす君の声
02.僕の哭声を聞いて
03.悲嘆を呑み込むウサギ

Short story

気の利いた確信犯ほらね、もっと好きになる吐息に隠した切望牙を剥いた劣情毒された神経が疼く

まる様、こんな感じでいかがでしょうか。素材はあってもなくても、とのことだったのでMuikku様のotherの02と09からお借りしました。
またお題は檸檬齧って眠る様からお借りしました。
表紙と目次は400px、文章は800pxに設定しています。また文章画面の文字は15pxで表示されます。
文字類はすべて紫系で統一していますが赤系とか青系でも可愛いと思います。
長編や短編などの指定はありませんでしたが短編のみの場合は＃list＃を＜div class="list"＞＜/div＞で囲うと上記のように横並びになります。
長編と短編を両立したいときは、短編のところは別ページで作ってリンクを貼るしかないです。すみません…。いらない場合は消してください。
目次・文章画面は「鼓膜をあやす君の声」→「赤いくつ」で見ることができます。
難しい設定は無いので改変はしやすいかと思われます。
作り直し可能ですので、気軽にご連絡ください。

＃は全角にして配布していますが、半角に直してご使用ください。

HEAD

@media screen and (min-width: 400px){#all{width: 400px;
margin: 0px auto;
}}
@media screen and (min-width: 800px){#all2{width: 800px;
margin: 0px auto;
font-size:15px;}}
body{margin:0;
 padding:0;
 font-size: 12px;
line-height:30px;
font-family: 'Architects Daughter',"ヒラギノ明朝 Pro W3" ,'游明朝',MS 明朝,HGP明朝B,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;}

a {color:#330033;
text-decoration: none;
border-bottom:#D8BfD8 1px solid;
margin-right:5px;}

.top{position:relative;
left:55px;}

a:hover {color:#993399;
position:relative;
top:1px;
left:1px;}

.title{color:#663366;
font-size:20px;
position:relative;
top:50px;}

.title2{color:#663366;
font-size:20px;}

.midasi{font-size:30px;
color:#D8BfD8;
text-align:right;
line-height:120%;
border-bottom:#aaa double 5px;}

.story{text-align:left;}

.list br{display:none;}

.ato{background:#FAF0E6;
padding:10px;
color:#663366;
font-size:13px;}

</style>

表紙レイアウト

目次レイアウト

文章レイアウト