デザインしなおしたcss
せっかくブログをデザインしなおしたのでスタイルシートを載せておきます。
基本スタイルは「Livly_and_peace-pink」を使用して、それにcssを付加してまっす。
⇒
ソースはこちら
html, body { scrollbar-base-color : #FFFFCC; scrollbar-track-color : #FFFFCC; scrollbar-face-color : #FFCCFF; scrollbar-shadow-color : #FF99FF; scrollbar-darkshadow-color: #FFCCCC; scrollbar-highlight-color : #FF99FF; scrollbar-3dlight-color : #FF33CC; scrollbar-arrow-color : #FFFFFF; } h1{ background-image : url("http://f.hatena.ne.jp/images/fotolife/h/haru-komugi/20081009/20081009113701.jpg?1223519847"); background-repeat : no-repeat; padding-top:25px; } h1 img{ margin-top : 20px; } input{ background-color : #ffffe3; border : 1px solid #ffccff; } #myfooter{ background-color : #ff50f1; text-align : center; padding : 3px; margin-top : 14px; } #myfooter a{ font-size : 0.8em; color : #ffffff; } #pager-top{ text-align : center; } #pager-bottom{ text-align : center; } div.hatena-body{ padding : 0px; } div.main{ float : left; padding: 0px; } div.sidebar{ float : left; color : #441322; text-align: left; background-color: #ffdaeb; border-right : 1px solid red; margin-right : -1px; } .sidebar .hatena-moduletitle{ text-align: center; margin : 14px 0px 0px 0px; padding : 0px; color : #441322; } .sidebar .hatena-module{ text-align: left; margin : 0px 0px 0px 10px; padding : 0px; } .sidebar .hatena-modulebody{ background-color: #ffffff; border-right : 1px solid #ffa5cf; border-bottom : 1px solid #ffa5cf; border-left : 1px solid #ffa5cf; text-align: left; padding : 2px; margin : 0px; color : #441322; font-size : 0.8em; } .sidebar h4{ margin : 10px 10px 0px 10px; padding : 2px; font-size : 0.8em; color : #ffffff; border : 1px solid #ff6b94; text-align : center; background-color : #ffa7c0; } .sidebar li{ background-image : url("http://f.hatena.ne.jp/images/fotolife/h/haru-komugi/20081008/20081008133028.gif?1223440239"); background-repeat : no-repeat; background-position-y : 7px; padding-left : 30px; margin-left : 30px; } .sidebar li a{ margin-left : 14px; color : #69007c; } .sidebar .mybook{ background-color : #ffffff; border-top : 1px solid #ffccff; margin : 0px 10px 0px 10px; padding : 2px; font-size : 0.7em; color : #9019ae; height : 80px; } .sidebar .mybook img{ border : 1px solid #ffccff; margin : 0px 3px 0px 0px; width : 60px; height : 80px; overflow : hidden; } .section{ word-break:break-all; } .section p img{ padding : 5px; margin : 5px; border : 1px solid #f496ff; } .section a{ background-image : url("http://f.hatena.ne.jp/images/fotolife/h/haru-komugi/20081008/20081008153036.jpg?1223447473"); background-repeat : no-repeat; padding-left : 16px; } .section .keyword { background-image : url(); padding-left : 0px; } .sectionheader a{ background-image : url(); padding-left : 2px; } .title a{ background-image : url(); padding-left : 2px; } .day h2{ background-image : url(""); border-bottom : 1px solid #ff97b4; margin : 0px; padding : 2px; } .hatena-asin-detail{ border : 1px solid #f496ff; } .syntax-highlight{ background-color: #fffde5; font-size : 0.9em; margin : 0px; overflow : auto; width : 485px; } .breadcrumbs{ background-color : #fdffda; border : 1px solid #ffccff; font-size : 0.8em; margin : 10px; padding : 2px; } .comment .caption{ padding : 0px; margin : 0px; } .refererlist .caption{ padding : 0px; margin : 0px; }