テーマ公開
このブログのデザインを公開しました。大したものではないですが、よろしければどうぞ。
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; }
については、ここを参考にして下さい。