デザインというか色かえただけ
http://kuler.adobe.com/#themeID/567822 これをぱくった
スターつけるボタンの色変更したいんだけどどうやったらいいのかわからない(;'`)画像変更するしかないのかなー
いちいち見にいくの面倒だからスクリーンショットを貼っておくというおもてなしの精神を忘れていた……
body { background-color: #2A3A49; color: #DDD; margin: 1em 2em; } div#days { background-color: #D9D5A7; font-family: "Trebuchet MS"; font-size: larger; color: #333; padding: 0.5em 1em; } a { color: #BF9004; } a:hover { color: #BFA04C; } h2 { text-align: right; line-height: 100%; } h2 a { color: #BFB491; text-decoration: none; font-size: 200%; font-weight: normal; font-family: Georgia; text-decoration: none; } h3 { font-size: 200%; margin: 0; padding: 0; letter-spacing: 0.1em; text-indent: -1em; } h3 .edit a { font-size: 50% !important; } h3 a { text-decoration: none; } h3 a .sanchor { background-color: #2A3A49; margin-right: 0.5em; -moz-border-radius: 0.1em; } h3 .timestamp { font-size: smaller; font-weight: normal; } a.keyword, a.okeyword { color: inherit; text-decoration: none; border-bottom: 1px solid #CCC; } .hatena-star-star-container img { width: 32px; height: 32px; } .hatena-star-star-container a img { width: 22px; height: 20px; } .hatena-star-comment-button { width: 32px; height: 32px; } div.section { margin-bottom: 2em; } body > div { font-family: Verdana; } form h3 { text-indent: 0; } form h3 input { font-size: inherit; font-family: sans-serif; font-weight: bold; } #pager-top { margin-bottom: 1em; } #pager-bottom { margin-top: 1em; } #simple-header ul li:first-child a { visibility: hidden; } #simple-header ul li:first-child a:after { content: "最新の日記"; visibility: visible; }