灰縞スマホ用

このデザインについて

takkahito サンプル
カテゴリー:シンプルベーステーマ:hatenaヘッダー:グレー(細)
登録日:2014/07/08更新日:2014/07/08利用数:26
スマホで見る用

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

ページのヘッダ

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

ページのフッタ


スタイルシート

body{background-color:#6f737f}
h1{fint-size:40px;color:#ffffff;
border-top:0px double #8f939f;border-right:0px double #8f939f;
border-bottom:0px double #8f939f;border-left:38px double #6f737f;
background: #8f939f;padding:30px 18px;margin:28px 8px 28px 0px;;
}

li{font-size:32px;background: #8f939f;line-height:150%;margin:18px 8px 20px 0px;padding:18px 0px 18px 0px;border-left:30px double #6f737f;}
ol{margin:0;padding:0;}
a:link { color: #fcfcfc; }
a:visited { color: #fcfcfc; }
a:hover { color: #996666; }
a:active { color: #999999; }
p.diff{font-size:32px;line-height:55px;border:1px solid #222222;
    margin: 10px;padding:0px 0px 0px 10px;
    -webkit-background-size: 140px 140px;
    -moz-background-size: 140px 140px;
    background-size: 140px 140px; /* 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:18px 8px 20px 0px;
  padding: 18px 0px 18px 0px;
  background: #6f737f;
}
span.modified{font-size:38px;}