ついでにはてなブックマークのデザインのソース
ヘッダ
<hatena name="usersearch"> <div class="main">
フッタ
<hatena name="calendar">
CSS
body { color: #000; margin: 0px; padding: 0px; } img { border: 0px; } p.message { text-align: center; background: #f0f0ff; margin-left: 100px; margin-right: 100px; padding: 10px; border: 1px solid #c0c0ff; font-size: 90%; } /*リンク*/ a:link{ color: #000000; border-bottom:none; } a:hover{ color: #000000; /* background-color:#AFAFFF ;冬*/ /* background-color:#AFFFDF ;春*/ background-color:#C8DDFF ;/*夏*/ } ul.message { font-size: 90%; } div#banner { background: #FFFFFF; padding: 0px; margin: 0px; border-bottom: 1px solid #999999; } div#banner h1 { margin: 0; padding: 0; font-size: 100%; } div#bannersub { color: #999999; background-color:#F4F7FF; border-bottom: 1px solid #999999; } div#bannersub td { font-size: 80%; color: #999999; text-align: center; } div#bannersub td a { color: #999999; text-decoration: none; } div#bannersub table { width: 100%; } img.logo { position: absolute; text-align: right; top: 0; right: 0; } a.category { color: #999; border-bottom: none; } a.keyword { color: #999; text-decoration: none; border-bottom: none; } div.sidebar { position: absolute; top: 120px; right: 0px; width: 10%; margin-left: 1%; font-size: 80%; } div.sidebar a { color: #646464; } div.body { margin-left: 2%; margin-right: 2%; padding-bottom: 1em; color: #646464; } div.breadcrumbs p { font-size: 80%; } div.header { float: left; margin: 0; padding: 0; border: none; } div.header h2 { text-align: right; font-size: 120%; background: url("/images/bookmark.gif") no-repeat 5px 30%; display: inline; padding-bottom: 5px; margin-bottom: 8px; padding-left: 25px; } div.header ul.bookmarkinfo { padding: 0; font-size: 90%; display: inline; } div.header ul.bookmarkinfo li { padding-left: 2px; display: inline; } div.main { z-index: 2; display: block; } div.main div.pager { font-size: 80%; margin-bottom: 0px; text-align: right; clear: both; } /*検索のボタン*/ .hatena-usersearch input { background: transparent; border: #444 1px solid; } /*form.hatena-usersearch{ top: 0; right: 0; }*/ /*タグリスト関連*/ /*タグリストボディ*/ div.taglist { float: right; width: 10%; margin-left: 1ex; margin-bottom: 20px; border-left: #A4A4FF 1px solid; border-right: #A4A4FF 1px solid; border-top: #A4A4FF 1px solid; border-bottom: #A4A4FF 1px solid; } /*題名*/ div.taglist h3 { font-family: fantasy; font-weight: lighter; color:#646464; background-color:#EEF; border-bottom: #A4A4FF 1px solid; } /*リスト*/ div.taglist ul { margin: 0; padding: 0; } /**/ div.taglist ul li { /* border-left: #A4A4FF 1px solid; border-right: #A4A4FF 1px solid; border-top: #A4A4FF 1px solid; border-bottom: #A4A4FF 1px solid;*/ } /*ul.taglist a { text-decoration: none; }*/ /*タグの色*/ /*上ほど新しいタグ*/ ul.taglist a.tag-latest { color: #8888ff; } ul.taglist a.tag-later { color: #aaaaff; } ul.taglist a.tag-earlier { color: #ccccdd; } ul.taglist a.tag-earliest { color: #ddddff; } /*ul.taglist a:hover { background-color:#EEF; }*/ div.taglist ul a.currenttag { background-color: #c0c0ff; border-bottom: none; } /*ブックマークリスト関連*/ /*ブックマークの名称*/ div.favoritelist { margin-top: 20px; float: right; background: #f0f0ff; border: 1px solid #ccc; } /*タグ*/ div.favoritelist h3 { font-size: 80%; margin: 0px; padding: 5px; border: none; } div.favoritelist ul { list-style-type: none; margin: 5px; padding: 0px; } dl.bookmarklist { line-height: 1.2em; margin-left: 2%; margin-right: 10%; padding: 3px 3px 3px 3px; display: block; } dl.bookmarklist dt.bookmark a{ color:#444444; } dl.bookmarklist dl{ margin-top: 3px; padding: 3px 3px 3px 3px; border-left: #A4A4FF 1px solid; border-right: #A4A4FF 1px solid; border-top: #A4A4FF 1px solid; } dl.bookmarklist dt, dl.bookmarklist dd { margin: 0; padding: 0; display: block; } dl.bookmarklist dt.bookmark { margin: 0; font-weight: normal; display: list-item; list-style-type: none; margin-top: 1.5em; background-color:#F4F7FF; } } dl.bookmarklist dd dt { display: inline; } dl.bookmarklist dd dt:first-child { margin-left: 0; } dl.bookmarklist dd dt span.label, dl.bookmarklist dd dd a span.label, dl.bookmarklist dd dt.domain, dl.bookmarklist dd dt.timestamp { display: none; } dl.bookmarklist dd dd.category{ border-bottom: none; } dl.bookmarklist dd dd { display: inline; font-size: 80%; margin: 0; padding: 0; } dl.bookmarklist dd dd.domain { font-size: 80%; display: none; } dl.bookmarklist dd dd.domain a.domain { display: none; } dl.bookmarklist dd dd.timestamp { color: #999; display: none; } dl.bookmarklist dd { margin: 0; } /*コメント欄*/ dl.bookmarklist dd.comment { color: #646464; font-size: 80%; padding: 3px 3px 3px 3px; border-bottom: #A4A4FF 1px solid; border-left: #A4A4FF 1px solid; border-right: #A4A4FF 1px solid; } dl.bookmarklist dd.content { font-size: 80%; } dl.bookmarklist dd.comment a { color: #999; border-bottom: none } dl.bookmarklist dd.comment strong, dl.bookmarklist dd.content strong { background: yellow; border-bottom: none } /*○○User*/ dl.bookmarklist dd dd.users em { background-color: #DDDDEE; font-weight: bold; display: inline; font-style: normal; } dl.bookmarklist dd dd.users em a{ color: #6666ff; } dl.bookmarklist dd dd.users strong { background-color: #A4A4FF; font-weight: bold; font-style: normal; display: inline; } dl.bookmarklist dd dd.users strong a { color: blue; } dl.bookmarklist dd dd.delete form.delete { display: inline; margin: 0; padding: 0; }