晩餐会 | ナノ

information

サイトの説明などを書いたらどうでしょうか。ここはほにゃららほにゃららサイトです。色々あります。付箋はこんなかんじでお好きに色を変えてください動作確認はIEとsafari(iphone5)です、ガラケーではどうなってるのかわかりません

画像はパブリックドメインの写真を加工したものなので↓から保存して下さい。ナノの背景画像で横方向繰り返しにしています。左上表示にして全体を左詰にしても良いと思います。

HEAD

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

body {
 font-size: 12px;
 font-family:sans-serif;
}

.all {
 text-align: left;
 padding: 10% 10px 0px 40px;  
 line-height: 1.8em;
 letter-spacing: 0.1em;
}

.header {
 text-align:center;
 margin:25px 0px 35px 0px;
}

a {
 text-decoration: none;
}

a:hover { 
  color: #ABA597; 
}

h1{
 color:#ffffff;
 font-size:30px;
 margin: 0px 0px 1px -4px;  
 font-family: 'Alex Brush', cursive;
}

h2{
 color:#ffffff;
 font-size:20px;
 margin: 0px 0px 0px -4px;  
 font-family: 'Alex Brush', cursive;
}

.ma {
background-color: #D3D7B4;
color: #303B65;
}

@media screen and (min-width: 600px) {.all {  width:600px;}}

@media screen and (max-width: 600px) {.all { 
 width:auto;
 letter-spacing: -0.001em;
 padding: 40% 10px 0px 13px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

BODY

素材↓

Site-title

information