hatena

hatena.css

/* @charset "euc-jp" */

/* 京 hatena 4.01 transitinal quirks mode */  

/* overwrite hatena_simpleheader color=wh */
#simple-header {
  background-color: #06101a;
}

#simple-header input.search-button {
  color: #333;
}

/* overwrite hatena_savanna-white.css */
body {
  background-color:#fefeef;
  background-image: url(http://f.hatena.ne.jp/images/fotolife/o/oppara/20061209/20061209070629.jpg);
  
  background-repeat:repeat-x;
  background-position:top left;
  color:#805555;
  text-align: center;
}

div.hatena-body {
  width: 85%;
  max-width: 1000px;
}

a { background-color: transparent; }
a, a:link { color:#d50808; }
a:visited { color:#8a0606; }
a:hover { color:#e5433b; }


h2 a { color:#805555; }
h2 a:link { color:#805555; }
h2 a:visited { color:#805555; }

a.keyword {
  border-bottom: 1px solid #d0d0d0;
  text-decoration: none;
}

a.keyword:link { color:#674949;text-decoration: none }
a.keyword:visited { color:#674949;text-decoration: none }
a.keyword:hover { color:#674949;text-decoration: none }
a.keyword:active{ color:#674949;text-decoration: none }

img.photo {
  float: right;
  margin: 10px;
  border: 0;
}

div.body {
  line-height:200%;
}

h2 {
  border-bottom: 1px solid #805555;
}
#hatena-archive h2 {
  padding-bottom: .5em;
}

/* section */
div.section {
  padding: 0;
  margin: 0 0 2em;
}

.section h3.title {
  margin: 1em 0 0;
  padding: 5px 10px;
  border-left: 9px solid #805555;
  font-size: 120%;
  /* -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px; */
}
.section p.sectionheader {
  margin: 0 0 2em;
  padding: 0 10px 5px 12px;
  border-left: 9px solid #805555;
  line-height: 1.5;
  vertical-align: top;
  font-size: 80%;
  text-align: left;
}

div.section h4 {
  margin:1.4em 0 0.8em;
  border: none;
  padding: 5px 10px;
  border-bottom: 1px dotted #805555;
  font-size: 110%;
}

div.section h5 {
  margin: 1em 0 0.8em;
  border: none;
  padding: 5px 10px;
  font-size: 100%;
}
/* div.section h5:before { content: "・"; } */

div.hatena-module-sectioncategory div.hatena-moduletitle {
  display: none;
}

div.section p.sectionfooter{
  font-size:0.8em;
}

/* list */  
div.section ul,ol{
  margin:0;
  margin-top:0.7em;
  margin-left:2em;
  padding:0;
}

div.section li{
  margin-left:0.5em;
}

div.section ul ul{
  margin:0;
  margin-left:1em;
  padding:0;
}

div.section ol ol{
  margin: 0;
  margin-left:1em;
  padding:0;
}

div.section dl{
  margin-left:2em;
  padding: 0.5em;
  font-size:0.9em;  
}

div.section dl dt{
  margin:0;
  padding:0;
}

div.section dl dd{
  margin-bottom:0.5em;
}

/* pre, blockquote */  
div.section code {
  margin: 0 0.1em;
  padding: 0 0.1em;
  border-style: solid;
  border-color: #e8e8e8 #ccc #ccc #e8e8e8;
  border-width: thin;
  background: #e8e8e8; 
  font-family: courier, monaco, serif;
}

div.section pre{
  margin: 1em 0;
  padding: 1em;
  width: 99%;
  /* max-height: 450px; */
  line-height: 1.6;
  overflow: auto;
  color: #eee;
  background: #333;
  font-family: Consolas,'Courier New','Georgia',verdana,'trebuchet ms',"Osaka";
  font-size: 90%;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px
}

div.section > pre{
  /* width: auto; */
  /* overflow: auto; */
}

div.gist {
  margin-bottom: 1em;
}
div.gist div.gist-file {
  border: none;
  margin: 0;
  font-family: none;
  margin-bottom: 0;
}
div.gist div.gist-file div.gist-data {
  background-color: transparent;
  border-bottom: none;
  overflow: visible;
  word-wrap:
}
div.gist div.gist-file div.gist-data div.gist-highlight {
  background-color: transparent;
  border-bottom: none;
}
div.gist div.gist-file div.gist-data div.gist-highlight pre {
  margin: 1em 0 0 !important;
  padding: 1em !important;
  padding-right: 12px !important;
  width: 99%;
  /*max-height: 450px;*/
  line-height: 1.6;
  overflow: auto;
  color: #eee;
  background: #333 !important;
  font-family: Consolas,'Courier New','Georgia',verdana,'trebuchet ms',"Osaka";
  font-size: 90%;
  margin-bottom: 0;
}
div.gist div.gist-file {
  margin: 0;
  padding: 0 1.2em;
  color: #333;
  background-color: transparent;
  font-size: 1em;
}
div.gist div.gist-file div.gist-meta a, 
div.gist div.gist-file div.gist-meta a:link,
div.gist div.gist-file div.gist-meta a:visited { color:#666660 !important; }
div.gist div.gist-file div.gist-meta a:hover { color:#e5433b !important; }

div.gist-meta {
  margin-top: 1em;
  margin-bottom: 0;
  padding: .2em 1em .8em !important;
  width: 99%;
  background-color: #fefeef !important;
  color: #666660 !important;
  font-size: .8em !important;
}

.gist-highlight pre span {
  font-weight: normal !important;
}
.synSpecial {
  color: #e7f6da;
}
.synType {
  color: #cae682;
}
.gist-highlight pre .c,
.synComment {
  color: #99967b;
}
.gist-highlight pre .s,
.synPreProc {
  color: #e5786d;
}
.gist-highlight pre .nv,
.synIdentifier {
  color: #cae682;
}
.gist-highlight pre .s1,
.gist-highlight pre .s2,
.synConstant {
  color: #e5786d;
}
.gist-highlight pre .k,
.gist-highlight pre .o,
.gist-highlight pre .nb,
.synStatement {
  color: #8ac6f2;
}
.gist-highlight pre .sb,
.gist-highlight pre .o {
  color: #eee;
}

div.section blockquote{
  margin: 0;
  padding: .4em .6em;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #aaa;
  line-height: 145%;
  font-size: 90%;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 8px
}

div.section blockquote p {
  margin:0;
}

div.section blockquote a.keyword {
  text-decoration: none;
  /* color: #fff; */
}

/* table */  
div.section table {
    font-size:1em;
    margin:1em;
    background-color: #fefeef;
    border-collapse:collapse;
}

div.section th {
    font-weight:normal;
    background-color: #ecd6d6;
    border:1px solid #805555;
    padding:4px 6px;
}

div.section td {
    padding:3px 6px;
    background-color: #fefeef;
    border:1px solid #805555;
}

ul.hatena-section li{
    font-size:0.8em;
    margin:0;
    padding:.2em 0;
    margin-left:3em;
    list-style-type:disc;
    list-style-positon:inside;
}

/* profile */
div.hatena-profile{
    margin:0;
    padding:0;
    font-size:0.8em;
}

div.hatena-profile p {
  float: left;
}

p.hatena-profile-id{
    margin-right: 2em;
}

/* sectioncategory */
form.hatena-sectioncategory{
    margin:0;
    padding:0;
    margin-bottom:-1em;
    text-align:right;
}

/* modulebody */
.hatena-modulebody ul li a {
 text-decoration:none;
}

.hatena-modulebody ul li a:hover {
 text-decoration:underline;
}

/* moduletitle */
div.hatena-moduletitle{
 color:#805555;
 border-bottom:1px solid #805555;
}

div.hatena-moduletitle a{
color:#805555;
}

div.hatena-moduletitle a:visited {
color:#805555;
}



.cb {
  clear: both;
}
span.highlight {
    color: black;
    background-color: yellow;
}

#hogehoge div.calendar {
    margin:0 1em;
    text-align:right;
    font-size:0.8em;
    margin-top:-2.6em;
}

#hatena-archive .body {
  margin: 0;
  margin-bottom: 1em;
  border-bottom: 1px solid #805555;
}
#hatena-archive li.archive-date {
  margin-top: .6em;
}
#archive-calendar-top,
#archive-calendar-bottom {
  padding-top: .5em;
  font-size:0.8em;
  float: left;
}
#archive-calendar-top {
  display: none;
}
#archive-category {
  margin-bottom: 2em;
}
#hatena-archive #pager-top,
#hatena-archive #pager-bottom {
  text-align: right;
  float: right;
}

.opp{
    margin: 0 1em;
    padding: 0;
    font-size: 0.8em;
    text-align:right;
}

div.footnote {
  margin-left:2em;
  border:1px dashed #805555;
  margin-bottom:2em;
}

p.footnote{
  margin:.5em;
  padding:0;
  line-height:120%;
}

/* scouter */
div.scouter {
  padding: 0;
  margin-top: -10px;
  padding-left: 6px;
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}

div.hatena-body {
  margin-top: 100px;
}

div#google_afc_user div#google_afc_user_container {
  display: none !important;
  font-size: 70%;
}
div#google_afc_user div#google_afc_user_container li {
  margin-bottom: .5em;
}
div#google_afc_user div#google_afc_user_container li span {
  margin-bottom: 0;
}

hatena_footer.html

<div class="opp"><a href="#header">gg</a></div>
<hatena name="section" template="hatena-module" listlimit="14" titlelength="70"  showcategory="true">
<hatena name="profile">
<div class="cb"></div>
<div id="hogehoge">
<hatena name="calendar">
</div>
<!--
<div class="hatena-widget scouter">
<a href="http://blogscouter.cyberbuzz.jp" target="_blank"><img border="0" src="http://blogscouter.cyberbuzz.jp/tag/blog.php?k=40ef2aadc6b7081d83e2a83145c5c1e6&s=3b19e&c=1" /></a>

<span style="background-color: none; width: 58px; height: 47px; overflow: hidden; text-align: center;"><a href="http://blogscouter.cyberbuzz.jp/fw.php?i=b" target="_blank"><img border="0" src="http://blogscouter.cyberbuzz.jp/tag/blog.php?k=40ef2aadc6b7081d83e2a83145c5c1e6&s=3b19e&c=1" /></a><br /><a href="http://blogscouter.cyberbuzz.jp/fw.php?i=c" style="color:#F66; font-size:10px; text-decoration: none; position: relative; right: 0px;" target="_blank">by CyberBuzz</a></span>
</div>-->
<a name="footer"></a>

hatena_header.html

<div class="opp">内容無保証</div>
<a name="header"></a>
<div class="opp"><a href="#footer">G</a></div>
<hatena name="sectioncategory" moduletitle="category" template="dropdown" moduletitle="...">

<div class="opp"></div>