短編置き場 | ナノ

01 | 02 | 03 | こんな感じでリンクをはっても | リスト表示でも良いかと 02 | 02 | 03 | こんな感じでリンクをはっても | リスト表示でも良いかと

02一応見出しも

昨日の話 (小林と山田)
そして今日がきたわけですけど（みんな）
なんかタイトルを（だれか）

素材はパブリックドメインの加工なのでこのページから保存して下さい

HEAD

* {
 margin:0 auto;
 padding:0 auto;
}

img {
 max-width: 100%; 
 height:auto;
}

.header {   
 max-width: 800px; 
 text-align:right;
 padding-right:10px;
 padding-left:10px;
 line-height: 1.4em;
 font-size: 11px;
}

.p_box {
 width: 100%;
 position:relative;
 display:block;
 margin:0;
 padding:0;
}

.p_box img {
 z-index:0;
 margin:0;
 padding:0;
}

hr{
 border-bottom:medium double #5B4E3C;
 margin:20px 0px 15px 0px;
 max-width:800px;
}

body {
 font-size: 13px;
 line-height: 1.6em;
 letter-spacing:0.8px;
 margin-top:3%;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
}

a {
 color:#292929;
 text-decoration: none;
 border-bottom:1px dotted #5B4E3C;
}

a:hover { 
 color:#cccccc;
}

h1{
 font-size:30px;
 color:#5B4E3C;
 font-family: 'Dawning of a New Day','ＭＳ 明朝','Hiragino Mincho ProN',serif;
 margin:10px 2px 15px 0px;
}

h2{
 font-size:11px;
 font-family:sans-serif;
 color:#5B4E3C;
 line-height:140%;
 margin:30px 0px 10px 0px;
}

h3{
 font-size:23px;
 color:#5B4E3C;
 font-family: 'Dawning of a New Day','ＭＳ 明朝','Hiragino Mincho ProN',serif;
 margin-bottom:-10px;
 line-height:140%;
 text-align:center;
}

.midasi { 
 padding: 2px 5px 2px 12px;
 margin-right:10px;
 background-color: #5B4E3C;
 color:#eeeeef;
}

.table {   
 max-width: 800px; 
 padding-right:10px;
 padding-left:10px;
 line-height: 1.8em;
 font-size: 12px;
}

.bun {
 max-width:800px;
 font-size:13px;
 line-height: 1.6em;
 padding:3% 10px 3px 10px;
 text-align: left; 
}

.bottom {
 margin: 10px 10px 5px 0px;  
 padding:0 auto;
 text-align:center;
}

.atogaki {
 font-size:12px;
 margin:10px 0px 0px 0px;
 padding:10px 10px 10px 10px;
 border: 1px solid #cccccc; 
 text-align: left; 
}

@media screen and (max-width: 400px) {
.all { 
 width:auto;
 letter-spacing: -0.001em;
}}

</style>

全体レイアウト

表紙画面レイアウト

文章レイアウト

Short novel

02一応見出しも