animal | ナノ

information

サイトの説明などを書いたらどうでしょうか。ここはほにゃららほにゃららサイトです。色々あります。長文テストです。長文テストです。長文テストです。リンクてすと。長文テストです。付箋はこんなかんじでお好きに色を変えてください素材はパブリックドメイン素材ですので↓から保存して下さい。

HEAD

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

body{
 font-size: 12px;
 line-height: 1.7em;
 overflow-y:scroll;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 text-align:left;
 letter-spacing:1px;
 }

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

a{
 text-decoration:none; 
 color: #847157; 
 border-bottom: 2px dotted #507C52;
}

a:hover  {
 color: #507C52; 
 text-decoration:none; 
}

a.menu{
 text-decoration:none; 
 color: #847157;
 border-bottom: 3px solid #62805A;
}

a.menu:hover  {
 color: #847157; 
 border-bottom: none;
}

h1{
 text-align:center;
 color:#ffffff;
 margin: -70px 0px 50px 0px;  
 font-size:10px;
}

h2{
text-align:center;
 color:#847157;
 font-size:12px;
 line-height: 1.4em;
 margin: 30px 0px 0px 30px;   
}

h3{
 text-align:left;
 color:#62805A;
 font-size:15px; 
 margin: 0px 0px 1px 0px; 
}

.top {
 background-color:#847157;
 width: 100%;  
 text-align:center;
 padding:10px 0px 10px 0px; 
}

.header {
 max-width: 100%; 
 text-align:center;
 margin:10% 15px 20px 15px; 
}

.table {
 max-width: 700px; 
 font-size:12px;
 margin:30px 0px 10px 0px;
 padding:20px 10px 10px 10px;
 text-align: left; 
}

.ma {
background-color: #DDD3AC;
color: #707070;
}

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

@media screen and (max-width: 700px) {.all {
 width:auto;
 letter-spacing: -0.001em;
 padding: 15px 10px 5px 10px;
 text-align: justify;
 text-justify: inter-ideograph;
}}

</style>

BODY

↓素材

animal.

information - note - contents - bookmark - clap

information