Kanzaki

このデザインについて

Kanzakink_ak_mk サンプル
カテゴリー:シンプルベーステーマ:なしヘッダー:標準(細)
登録日:2013/04/07更新日:2013/04/09利用数:46
シンプルで見やすいデザインを目標に作りました。

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

ページのヘッダ

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

ページのフッタ


スタイルシート

/*はてなアンテナさん*/

* {
    font-family: Arial, Helvetica,
    "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","MS Pゴシック","MS PGothic",sans-serif;

}
body{
	background: powderblue;
	background: -moz-linear-gradient(top, powderblue, #fff);/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(powderblue), to(#fff));
	
}

div.hatena-body{
	padding:0% 15%;
	

}

p.diff{
/* 記事内 */
	
	background-color: #f8f8ff;
	/*height: 60px;60*/
	min-height: 60px;
	width: 85%;
	margin: 0.5em 5em 2em 5px;/* 上,右,下,左 */
	font-weight:bolder;
	font-size:small;
	border-radius: 10px;
	padding: 1em;
	border: inset 5px #4682B4;

}

span.modified{
/* タイムスタンプ*/
	font-size: 80%;
	color:mediumblue;
	text-shadow:2px 2px 5px gray;
	margin: 0px 10px 10px 5px;/* 上,右,下,左 */
}

li a{
/*リスト内リンク*/
	/* border: dashed 1px gray; */
	text-decoration: underline;
	padding: 0.2em;
	margin: 1em 0px;
}

h1{
	text-shadow:3px 3px 5px gray;
	padding-top: 10px;
	padding-bottom: 1em;
	color:darkblue;

}

p#pager_group{
    text-shadow:3px 3px 5px gray;
    padding:0.5em;
}

p#pager_group a{
    margin:5px;
    padding:5px;
    border-radius: 10px;
    background-color: #ADB2FF;
}

p#pager_group a:hover{
    color: red;
    
}

p + ol{
    visibility: hidden;

}

span.modified + a{
    font-size: 125%;
    text-decoration: underline;
    font-weight: bold;

}

span.modified + a:hover:link{
    color:orange;

}

p#pager_relate{
    font-size: 80%;
    color:#808080;
}