テーマ公開

このブログのデザインを公開しました。大したものではないですが、よろしければどうぞ。

http://d.hatena.ne.jp/designset/2249


ベースにしたテーマは「Hatena」。
CSS はこんな風です。

body {
    background-color: lightyellow;
}
h1 {
    font-size: 26pt;
    font-style: italic;
    margin-top: 30px;
}
h1 a {
    color: peru;
    text-shadow: darkgray 3px 3px 4px;
}
div.section {
    padding: 10px;
    border: 1px solid lightgreen;
    background-color: white;
}
div.section p {
    color: #3f3f3f;
}
div.body {
    border: 1px solid lightgreen;
    background-color: cornsilk;
}
h2 {
    background-color: lightgreen;
}
h2 a {
    text-decoration: none;
}
h3 {
    font-size: 140%;
}
h3 {
    text-shadow: lightgray 1px 1px 2px;
}
.body h3.title {
    border-left: 9px solid lightgreen;
}
.body h3 a {
    color: slategray;
    text-shadow: silver 2px 2px 3px;
}
h4 {
    border-left: 5px solid lightgreen;
    border-bottom: 1px solid lightgreen;
}
a {
    color: #5f9a41;
}
a.keyword {
    border-bottom: 1px solid transparent;
    color: #3f3f3f;
}
a.keyword:hover {
    border-bottom: 1px solid #0acb1a;
}
p.sectionfooter a {
    text-decoration: none;
}
div.body blockquote {
    border: 1px solid lightgreen;
}
div.body blockquote a {
    text-decoration: none;
}
pre {
    overflow: auto;
}
div.comment p {
    color: #3f3f3f;
}
div.comment a {
    text-decoration: none;
}
div.caption {
    border-bottom: #49b74c 1px solid;
}
div.calendar a {
    text-decoration: none;
}
div.hatena-asin-detail {
    background-color: #ebffc3;
}
div.hatena-asin-detail a {
    text-decoration: none;
}


div.sidebar a {
    text-decoration: none;
}
div.hatena-module-section li {
    margin-bottom: 7px;
}
table.calendar td.day-today {
    background: #fffc40;
}


div.footnote p {
    color: #3f3f3f;
}
div.footnote a {
    text-decoration: none;
}


img.large {
    width: 100%;
}
img.half {
    width: 50%;
}
img.golden {
    width: 62%;
}
span.l a {
    color: #ec950f;
}


おまけの CSS である

img.large {
    width: 100%;
}
img.half {
    width: 50%;
}
img.golden {
    width: 62%;
}
span.l a {
    color: #ec950f;
}

については、ここを参考にして下さい。