マウンテン | ナノ

∴ Infomation

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

!! hadasi 様より素材をお借りしています

付箋はこんなかんじでお好きに色を変えてください

HEAD

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

body{
 font-size: 13px;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 height:100%;
 overflow-y:scroll;
 letter-spacing:1px;
 }

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

a {
 text-decoration: none;
}

a:hover { 
 color: #EEDF3E; 
 background-color: #eeeeee; 
}

h1{
 margin: -10% 0px 0px 0px;
 font-size:15px;
 font-family: 'Oxygen', sans-serif;
 text-align: right; 
}

h2{
 color:#EEDF3E;
 margin: 0px 0px -10px 0px;
 font-size:20px;
 font-family: 'Oxygen', sans-serif;
 text-align: left; 
}

.si {
 color: #2F3F8D;
 font-size:20px;
}

.ma {
background-color: #eeeeee;
color: #2F3F8D;
}

.menu {
 padding-top:10px;
 padding-bottom:20px;
 text-align: right; 
}

.table {
 margin:30px 0px 10px 0px;
 padding-top:30px;
 padding-bottom:20px;
 padding-right:20px;
 padding-left:20px;
 background-color: #ffffff; 
 text-align: left; 
}

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

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

</style>

BODY

文字色 : #757582
背景色 : #eeeeee
リンク色 : #2F3F8D

information main bookmark clap / re

∴ Infomation

information
main
bookmark
clap / re