このブログのデザイン

ベースはオフィシャルテーマの Life。

CSS。

body {
    background-color: lightyellow;
    font-family: "メイリオ", serif;
}
.entry-content p {
    margin:  9px 0;
}
.page-index #blog-title {
    margin: 0px;
    padding-bottom: 0;
}
div#blog-title-inner {
   text-align: left;
    border-bottom: 1px dashed #BDC4CB;
    line-height: 1em;
}
h1#title a {
    color: peru;
    font-style: italic;
    font-size: 26pt;
    text-shadow: darkgray 3px 3px 4px;
    margin-left: 30px;
}
div#container {
    background-color: lightyellow;
    width: 100%;
}
div#content {
    background-color: lightyellow;
}
div#content-inner {}
article.entry {
    border: 1px solid lightgreen;
    padding: 10px;
    background-color: #FFFBE0;
}
div.date {
    text-align: left;
}
div.date a {
    color: black;
    font-size: 13pt;
    font-weight: bold;
    color: black;
    margin-left: 28px;
}
h1.entry-title {
    background-color: lightyellow;
    text-shadow: silver 2px 2px 3px;
    border: 1px solid peru;
    border-left: 9px solid peru;
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    font-size: 1.6em;
    line-height: 1.6em;
}
header.entry-header {
   margin-bottom: 15px;
}
div.entry-content {
    background-color: white;
    border: 1px solid lightgreen;
    margin: 0 20px;
    max-width: none;
    padding: 10px;
    line-height: 1.4em;
    font-size: 0.95em;
}
div.categories {
    text-align: left;
    margin-bottom: 1px;
    padding: 2px;
    padding-left: 28px;
}
article.entry {
    margin-bottom: 40px;
}

.entry-content a.keyword {
    border-bottom: 1px dotted transparent;
}
a.keyword:hover {
    border-bottom-color: lightgreen;
} 
@media (min-width:1020px) {.entry-content pre {
    margin: 0 0;
    font-family: "Ubuntu Mono", "Courier New", Consolas, monospace, sans-serif;
    font-size: 1em;
}}
.entry-content code {
    font-family: "Ubuntu Mono", "Courier New", Consolas, monospace, sans-serif;
}
h3 {
    border: solid lightgreen;
    border-width: 0px 0px 1px 7px;
    padding-left: 10px;
}
blockquote {
    background-color: #F7F8F9;
    margin: 0;
}
@media (min-width: 1020px) {
.entry-content blockquote {
    margin: 0;
}}
@media (min-width:1020px) {
.page-entry .entry-title {
    font-size: 1.6em;
    line-height: 1.6em;
}}
@media (min-width: 1020px) {
.entry-content h3 {
    font-size: 115%;
}}


footer.entry-footer {
    max-width: none;
    margin: 0 20px;
}
.hatena-urllist li {
    padding: 0.2em 0;
}
div.hatena-module a {
    color: #5f9a41;
}

img.large {
    width: 100%;
}
img.half {
    width: 50%;
}
img.golden {
    width: 62%;
}
img.height-golden {
    width: 46%;
}

　
フッタ HTML。

<script type="text/javascript">
    var ndlist = document.querySelectorAll("div.entry-content a"); 
    for (var i = 0; i < ndlist.length; i++) {
      if (ndlist[i].innerText != "続きを読む") {
          ndlist[i].setAttribute("target", "_blank");
          ndlist[i].setAttribute("style", "color: #5f9a41;");
      }
    }
</script>

<script type="text/javascript">
    var nodes = document.querySelectorAll('a.entry-title-link');
    for (var j = 0; j < nodes.length; j++) {
        var url = nodes[j].getAttribute('href');
        var a = document.createElement("a");
        a.setAttribute("href", 'http://b.hatena.ne.jp/entry/' + url);
        a.setAttribute("target", "_blank");
        a.innerHTML = '<img src="http://b.hatena.ne.jp/entry/image/' + url + '">';
        nodes[j].appendChild(a);
    }
</script>