anotherdays

information

ここはほにゃららサイトです。ほにゃららです。下までいくと上に戻るやつ出現します。以前配布していたanotherdaysを見直しました。てすとてすと。長文てすと、てすとてすとてすと。てすとてすと。付箋てすとてすとてすと。長文てすと、てすとてすとてすと。てすとてすと。長文てすと、てすとてすとてすと。てすとてすと。長文てすと、てすとてすとてすと。てすとてすと。背景はナノの背景設定より。

!! トップの素材/背景素材は　宿花様　よりお借りしました。

ふつうのはなし
01 / 02 / 03

bookmark

bookmark / bookmark / bookmark

HEAD

$(document).ready(function() {
    var pagetop = $('.pagetop');
    $(window).scroll(function () {
        if ($(this).scrollTop() > 40) {
            pagetop.fadeIn();
        } else {
            pagetop.fadeOut();
        }
    });

pagetop.click(function () {
        $('body, html').animate({ scrollTop: 0 }, 50);
        return false;
    });
});
</script>

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

.header {
 text-align:center;
 line-height:1.4em;
 margin:10px 0px 30px 0px;
}

body{
 font-size: 11px;
 font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
  Meiryo, メイリオ, sans-serif;
 line-height: 1.7em;
}

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

a {
 text-decoration: none;
}

a:hover { 
 color:#957946;
}

h1{
 font-size:35px;
 font-family: 'Pinyon Script', sans-serif;
 color:#957946;
 margin:-6px 0px 10px 0px;
}

h2 {
 font-size:20x;
 font-family: 'Pinyon Script', sans-serif;
 color:#957946;
 border-top: 1px dotted #957946;
 margin:20px 0 0; 
 text-align:center; 
 padding:0; 
 height:20px;
}

h2 span { 
    position: relative; 
    top: -12px; 
    padding: 0 15px; 
    background:white;
}

.ma { 
 color: #957946;
 border-bottom:1px dotted #957946;
 padding: 0px 2px 0px 2px; 
}

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

.table {      
 padding-bottom:20px;
 padding-right:20px;
 padding-left:20px;
 color: #707070;
 text-align: left; 
}

.box {      
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px; 
 padding-top:10px;
 padding-bottom:10px;
 padding-right:20px;
 padding-left:20px;
 color: #707070;
 font-size: 11px;
 text-align: left;
 border:3px double #957946;
 margin:20px 0px 10px 0px;
}

.pagetop {
 z-index: 2;
 display: none;
 position: fixed;
 bottom: 12%;
 right: 10px;
}

.pagetop a {
 display: block;
 border-radius: 4px;
 background-color: #707070;
 text-align: center;
 color: #ffffff;
 font-size: 11px;
 text-decoration: none;
 padding: 7px 10px;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}
 
.pagetop a:hover {
 display: block;
 border-radius: 4px;
 background-color: #aaaaaa;
 text-align: center;
 color: #797979;
 font-size: 11px;
 text-decoration: none;
 padding: 7px 10px;
 filter:alpha(opacity=60);
 -moz-opacity: 0.6;
 opacity: 0.6;
}

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

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

.table {      
 padding-bottom:20px;
 padding-right:10px;
 padding-left:10px;
 color: #707070;
 text-align: left; 
}}

</style>

BODY

information

contents

bookmark