CSS 途中で力尽きて適当
http://hp.vector.co.jp/authors/VA022006/cp/ks_cp/index.html
/* aylog CSS */ .description {} /* background ==================================== */ body { background : #00a;} pre { background : #f9f9f9;} /* border ==================================== */ .title a {border:none;} blockquote , .sidetitle , .calendarhead {border:1px solid #acf;} #banner {border-bottom:2px dotted #fff;} .date {border-left:5px solid #fff;} .title {border-top:1px solid #fff; border-bottom:1px solid #fff;} /* clear ==================================== */ .date {clear:left;} .posted {clear:right;} /* color カラー ================================ */ body , .date {color : #fff;} a:link {color : #aff;} a:visited {color : #acf;} a:hover {color : #fa0;} h1 a:link , h1 a:visited , h2 a:link {color : #fff;} #links a:link {color : #fff;} #links a:hover {color : #fa0;} .posted,.posted a{color : #cca;} /* float ==================================== */ /* #content {float:left;}*/ div.text img {float: right;} /* font フォント ================================ */ body {font-family : sans-serif;} #banner {font-family:arial, Helvetica;} h1 {font-weight:bolder;} h2 , .date , .sidetitle , .calendarhead , {font-weight:bold;} .posted {font-size: 80%;} body , .side , .syndicate , .calendarhead , .calendarday {font-size: 90%;} h1 {font-size:250%;} h2 {font-size:120%;} /* line ==================================== */ #calendar , .powered , .side , .blogbody {line-height:120%;} /* margin マージン ============================== */ body , h1 , h2 , form , .calendarhead {margin : 0%;} .text {margin-top:5px;} blockquote ,#calendar ,.calendarhead,.posted ,.sidetitle {margin-top:10px;} #content , .powered {margin-top:20px;} .syndicate {margin-top:15px;} #content {margin-left:10px;} #content , #banner {margin-right : 21% ;} .posted , .side a {margin-bottom:5px;} .blogbody {margin-bottom:15px;} #content , .syndicate {margin-bottom:20px;} /* padding パディング============================= */ body , h2 {padding : 0%;} .calendarhead {padding:3px;} h1 , #calendar ,.calendarhead, .date , .side , .sidetitle , .title ,blockquote , .powered {padding : 5px;} #banner {padding:10px;} .text {padding:5px 15px 0px 10px;} .posted {padding:3px 3px 3px 5px;} /* position ポジション ========================== */ #links {position:absolute;top:0px;right:0px;} /* text テキスト ================================ */ h1 a,h2 a {text-decoration : none ;} #calendar , .sidetitle , .syndicate , .powered , .calendarhead {text-align:center;} .posted {text-align: right;} /* width ==================================== */ blockquote , #content , #banner , #calendar , #calendar table , .sidetitle , .side , .powered , .side input , .blog {width : auto ; _width : 100% ;} #links {width : 20% ;} /* white ==================================== */ pre{ white-space :-moz-pre-wrap ; white-space :-pre-wrap ; white-space :-o-pre-wrap ; white-space :pre-wrap ;} /* word ==================================== */ body {word-break:break-all ; word-wrap:break-word ;} /* ==================================== */ /* ==================================== */ /* ==================================== */ /* ==================================== */ .comments-head{ font-weight:bold; padding:5px; margin:0px; border-top:1px solid #fff; border-bottom:1px solid #fff; border-left:5px solid #fff; color:#fff; } .comments-body { margin-top:5px; color:#fff; font-size:90%; line-height:120%; padding:10px; border-bottom:1px dotted #fff; } .comments-post { font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:85%; padding:10px; } .comments-post a { font-family: Arial, Helvetica, sans-serif; color:#aaF; font-size:100%; padding:10px; } #trackback { width: 100%; margin-bottom:30px; margin-top:25px; font-size:90%; color:#fff; border:1px dotted #fff; padding:5px; } #trackback a { color:#fff; } .trackback-url { color:#fff; font-size:90%; font-weight:normal; background:#00a; line-height:140%; padding:5px; border:1px dotted #fff; } .trackback-body { color:#fff; font-size:90%; font-weight:normal; line-height:140%; padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #fff; } .trackback-post { color:#fff; font-size:x-small; font-weight:normal; } .trackback-post a { color:#fff; font-size:x-small; font-weight:normal; } #footer{ clear:left; width:100%; } .copyright{ font-size:80%; width:100%; text-align:center; }