灰縞

このデザインについて

灰縞takkahito サンプル
カテゴリー:シンプルベーステーマ:hatenaヘッダー:グレー(細)
登録日:2014/05/18更新日:2014/05/18利用数:12

ヘッダ/フッタ/スタイルシート

ページのヘッダ

<h1><hatena name="title"></h1>

ページのフッタ


スタイルシート

body{background-color:#3f434f;}
h1{color:#ffffff;
border-top:0px double #000000;border-right:0px double #000000;
border-bottom:0px double #000000;border-left:38px double #3f434f;
background: #6f737f;padding:30px 18px;margin:30px 8px 30px 8px;
}

li{font-size:12px;background: #6f737f;line-height:150%;margin:28px 8px 28px 0px;padding:28px 0px 28px 0px;border-left:30px double #3f434f;}
a:link { color: #fcfcfc; }
a:visited { color: #fcfcfc; }
a:hover { color: #996666; }
a:active { color: #999999; }
p.diff{font-size:14px;line-height:25px;border:1px solid #222222;
    width:480px;
    float: left;
    margin: 10px;padding:0px 0px 0px 10px;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px; /* Controls the size of the stripes */
    -moz-box-shadow: 1px 1px 8px gray;
    -webkit-box-shadow: 1px 1px 8px gray;
    box-shadow: 1px 1px 8px gray;
    background-color: #8f939f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
    background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
}

#hatena-antenna-normal a {color:#ffffff;text-decoration: none;}
#hatena-antenna-normal a:hover {text-decoration: underline;}
p.pager {border-right:38px double #3f434f;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 20%;
  margin-right: 5%;
  padding: 24px 14px 24px 4px;
  background: #6f737f;
}
span.modified{font-size:4px;}