人気ブログランキング | 話題のタグを見る

手書きノート


by asazuki

スキン「あまつぶ」を右サイドバー化するためのCSS -ダークブルー-

スキン「あまつぶ」を右サイドバー化するためのCSSのダークブルーバージョンです。




CSS


body{ margin: 0; padding: 0; background: url(http://md.exblog.jp/skn/img/a/01/16/2/bg02.gif) repeat; word-wrap: break-word;}
body,div,li{ font-size : 13px; font-family : verdana,arial,sans-serif; line-height : 150%; color : #676969; }
.clearfix{ zoom: 100%;}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

a:link{ color: #5f5750; text-decoration: none; }
a:visited{ color: #5f5750; text-decoration: none; }
a:active{ color: #5f5750; text-decoration: none; }
a:hover{ color: #5f5750; text-decoration: underline; }

.subclr a{ color: #fff;}

#wrap{ margin: -1px 0 0 0; width: 100%; height: 100%; background: url(http://md.exblog.jp/skn/img/a/01/16/2/topBelt02.gif) repeat-x top;}

#main{ width: 800px; margin: 0 auto;}
#HeadArea{ height: 80px; margin: 0 0 10px 0; width: 760px; padding: 20px 20px 20px 0;}
#HeadArea a{ color: #fff;}
#postArea{ width: 600px; float: left;}
div.HEADER{ font : bold large/100% courier new,tahoma; text-align:left;}

#im{ width:100%; }

td.im_hit{
background: url(http://image.excite.co.jp/jp/portal/im/imach_icon_blue.gif) no-repeat 0.5em 0.5em;
padding: 0.5em 0.5em 0.5em 25px; cursor:pointer;cursor:hand;
line-height: 100%; width: 550px;text-align:left;color:#666666;}


div.im_title{font-size:x-small;color:#666;text-align:right;margin-bottom:10px;}
td.im_hit:hover{background-color:#9ce0f4; color:#333333;}

table.im_summary{margin-top:3px;}
td.im_summary {font-size:small;font-family:"Arial";line-height:160%;}
span.im_url{font-size:small;font-family:"Arial"; text-decoration: underline;}
span.im_titletext{text-decoration: underline;}


div.URL{ font : x-small/100% verdana,tahoma; margin : 10px 0px 20px; text-align:left;}
div.USERMENU{ font : 8pt/100% verdana; text-align : left; margin-bottom : 7px; }


div.subother{ width: 170px; margin: 0 0 0 10px;}
div.PROFILE_L{ width : 190px; padding : 0px 0px 10px; line-height : 130%; overflow : hidden; text-align:left; float: right; margin-left: 10px; }

.decoTop{ background: url(http://md.exblog.jp/skn/img/a/01/16/2/leftBgTop02.gif) no-repeat; width : 190px; padding : 10px 0; margin : 0; text-align : left; font-weight: bold; font-size: 96%; color: #fff; text-align: center;}

.decoBg{ width : 190px; text-align : left; margin-bottom : 10px; background: url(http://md.exblog.jp/skn/img/a/01/16/2/leftBgBtm02.gif) no-repeat left bottom #56a9ca; padding-bottom: 20px; }


h3.MNTTL_L{ background: url(http://md.exblog.jp/skn/img/a/01/16/2/leftBgTop02.gif) no-repeat; width : 170px; padding : 10px 10px 5px 10px; margin : 0; text-align : left; font-weight: bold; font-size: 96%; color: #fff;}


div.MN_L{ width : 190px; text-align : left; margin-bottom : 10px; background: url(http://md.exblog.jp/skn/img/a/01/16/2/leftBgBtm02.gif) no-repeat left bottom #56a9ca; padding-bottom: 20px; }
div.MN_L div.wrap{ width : 170px; text-align : left; margin : 5px 0 5px 10px;}

div.POST{ width: 600px; margin-bottom : 50px; text-align:left; overflow:hidden; zoom:1; background: url(http://md.exblog.jp/skn/img/a/01/16/2/postBtm02.gif) no-repeat bottom #fff; }
div.POST_HEAD{overflow:hidden; zoom:1;}
div.POST_HEAD h3{ font-size: 100%; width: 540px; float: left; padding: 30px 30px 15px 30px; margin: 0; overflow:hidden; background: url(http://md.exblog.jp/skn/img/a/01/16/2/postTop02.gif) no-repeat top;}
div.POST_HEAD h3 a{ width: 460px; overflow:hidden; display: block;}
div.POST_BODY{ line-height : 150%; width : 540px; overflow : hidden; font-size: 93%; padding: 10px 30px 0 30px; overflow:hidden; zoom:1; word-wrap: break-word;}

.adminTool{ text-align: right; margin-right: 30px; }



div.POST_TAIL{ clear: both; font-size: 85%; margin-top: 10px; text-align : right; padding: 15px 0; }
div.POST_TAIL a{ color: #1c6b8a;}

.TAGS{ font-size: 85%; margin: 20px 0 0 0; float: right; letter-spacing: 0.1em;}
.TAGS a{ color: #1c6b8a; }
.TAGS a:hover{ color: #676969; text-decoration: underline; }


div.COMMENT{ border : 1px #d3d3d3 solid; background : #fff; padding : 15px;margin : 20px 0px; }
div.COMMENT_BODY{ margin-bottom : 20px; line-height : 130%; }
div.COMMENT_TAIL{ margin : 8px 0px 5px; font : 8pt/150% tahoma; color : #777; }
div.COMMENT_INPUT{ margin-top : 20px; border-top : 1px #aaa dotted; padding-top : 20px; }
div.COMMENT_LINE{ border-top : 1px #aaa dotted; margin : 10px 0px 15px; }

.pageTool{ width: 50%; margin: 0 auto;}
.pageTool .pre{ float: left;}
.pageTool .next{ float: right;}

div.MEMOBODY{ width : 150px; overflow : hidden; color: #fff; }

div.TRACK_TOP { line-height : 170%; }
div.ARCHIVE_HEAD { font-weight : bold; margin-bottom : 10px; }
div.ARCHIVE_BODY { margin : 20px 0px; line-height : 160%; padding-bottom : 100px; }

img.IMAGE_TOP{ margin-bottom : 15px; }
img.IMAGE_LEFT{ margin-right : 15px; margin-bottom : 15px; }
img.IMAGE_MID{ margin-top : 15px; margin-bottom : 15px; }
img.BOOKMK{ margin : 10px; border : 0px; }
img.USERMENU{ margin-left : 8px; }
img.LOGO{ margin-bottom: 8px; }

div.BANNER{ margin : 30px 0px 10px; text-align: center; }

.SMALL{ font-size : 11px; }
.DATE{ font : bold 8pt/150% tahoma; }
.TIME{ font : 8pt/150% tahoma; text-align : left; }
.AUTHOR{ font : bold 8pt tahoma; }
.TXTFLD{ font-size:9pt;color:#000; border:1px solid #666678; background:#fff; }
.SUBMIT{ font :9pt/140% ;color:#000; }





div.CAL_TOP { }
div.CAL { margin : 20px auto; width : 150px; text-align : center;}
div.CAL_HEAD a { width : 150px; font : 8pt/150% verdana; text-align : center; padding : 4px 0px; margin-bottom : 10px; color: #fff;}
div.CAL_BODY{ width : 150px; text-align : center; color: #fff;}
div.CAL_BOTTOM { }

.CAL{ font : 7pt/170% verdana; text-align : center; }
.CAL_DAY{ font : bold 7pt/170% verdana; text-align : center; }
.CAL_SUN{ font : bold 7pt/170% verdana; color : #d36654; text-align : center;}
.CAL_SAT{ font : bold 7pt/170% verdana; color : #3572a1; text-align : center;}
.CAL_TODAY{ font : bold 7pt/170% verdana; background : #e3e3e3; color : #3d5586; text-align : center; }
.CAL_TR { }

div.XML { font : 8pt/150% verdana; text-align : center; }

div.BLOGPARTS div{ width: 150px; margin: 0 auto;}

by asazuki508e | 2011-06-19 16:24