tomemo

スキン「PIXTAオリジナル02」を右サイドバー化するためのCSS -グリーン-

スキン「PIXTAオリジナル02」を右サイドバー化するためのCSSのグリーンバージョンです。

d0112463_024052.jpg
demo



CSS


* {margin: 0; padding: 0; color: #666666; line-height: 1.3em; font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

body { margin: 0; padding: 0; font-size: 130%; }

h1,h2,h3,h4,h5,h6,h7 { font-weight: normal; }
h1,h1 a { color: #ffffff; font-size: 130%; font-weight: bold; text-decoration: none; }
h2 { color: #ffffff; }

div#mainframe { width: 700px; margin: 0 auto; }

div#header { width: 700px; height: 195px; background: url(http://md.exblog.jp/skn/img/a/01/06/5/s2_header-green.jpg) 0px top; overflow: hidden; }
div#header div#admin { height: 25px; margin-top: 5px; }
div#header div#admin p { padding: 3px 20px 0 20px; text-align: right; font-size: 13px; line-height: 1.3em; }
div#header div#blog-title { width: 598px; margin-top: 100px; float: left; overflow: hidden; font-size: 13px; line-height: 1.3em; }
div#header div#blog-title h1 { margin-left: 20px; height: 28px; overflow: hidden; font-size: 15px; line-height: 1.3em; }
div#header div#blog-title h2 { margin-left: 20px; height: 18px; overflow: hidden; font-size: 13px; line-height: 1.3em; }
div#header div#pixta { float: right; }
div#header div#pixta a { display: block; width: 65px; height: 21px; margin: 125px 20px 0 0; }

div#blog-body { width: 700px; margin-top: 20px; clear: both; overflow: hidden; }

div#entry { width:450px; float: left; }

div.post { width: 450px; margin-bottom: 20px; background:url(http://md.exblog.jp/skn/img/a/01/06/5/s2_post-bg.gif); overflow: hidden; font-size: 13px; line-height: 1.3em; }
div.post_head { width:410px; margin: 10px 20px 20px; border-bottom: 1px dotted #cccccc; overflow: hidden; }
div.post_head h3 { width: 330px; margin-bottom: 5px; float: left; overflow: hidden; font-size: 13px; line-height: 1.3em; }
div.post_head h3 a { font-size: 130%; }
div.post_head p { float: right; }
div.post_body { width:410px; margin: 0 auto; clear: both; }
div.post_body div.post-cont { width:410px; overflow: hidden; }
div.post_body div.post-cont img { border: 3px double #cccccc; }
div.post_body div.post-cont img.IMAGE_MID { margin: 10px 0; }
div.post_body div.post-cont img.IMAGE_LEFT { margin: 0 10px 10px 0; }
div.post_body div.post-cont img.IMAGE_RIGHT { margin: 0 0 10px 10px; }
div.post_tail { width:410px; margin: 10px auto 0; text-align: right; background: #efefef; }
div.post_tail p { padding: 4px; }
div.post div#top { width: 450px; height: 15px; background:url(http://md.exblog.jp/skn/img/a/01/06/5/s2_post-top_green.gif) no-repeat 0px bottom; font-size: 0; }
div.post div#btm { width: 450px; height: 10px; background:url(http://md.exblog.jp/skn/img/a/01/06/5/s2_post-bottom.gif) no-repeat; }

DIV.TAGS { padding: 10px 0 5px; clear: both; }
div.COMMENT { width:410px; margin: 10px auto 10px; border: 1px solid #cccccc; overflow: hidden; }
div.TRACK_TOP { width:390px; margin: 10px auto; overflow:hidden; }
div.COMMENT_TAIL { width:410px; margin: 10px; overflow: hidden; }
div.COMMENT_BODY { width:380px; margin: 10px 10px 10px 20px; overflow: hidden; }
div.COMMENT_INPUT { width:410px; margin: 10px; overflow: hidden; }
div.COMMENT_LINE { width:390px; height: 1px; margin: 10px auto 20px; border-bottom: 1px dotted #cccccc; }

div#paging { padding: 5px; text-align: center; font-size: 13px; line-height: 1.3em; }

div#menu { width:200px; padding-right: 10px; float: right; font-size: 13px; line-height: 1.3em; }
div#menu dl { margin: 10px 0; }
div#menu dt { margin-bottom: 3px; padding: 5px; border-left: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; }
div#menu dd { margin-bottom: 30px; padding: 2px 5px; }
div#menu div.func { margin: 10px 0; text-align: center; }

div#profile { width: 150px; margin: 10px auto 0; }
div#profile img { border: 1px solid #ececec; }
div#profile p { margin-top: 3px; }
div#profile br { display: none; }

h1 a:link,h1 a:visited { color: #ffffff; text-decoration: none; }
h1 a:hover { color: #ffffff; text-decoration: underline; }
div#header div#admin p a:link,div#header div#admin p a:visited { color: #666666; }
a:link,a:visited { color: #B4E675; text-decoration: none; }
a:hover,div#header div#admin p a:hover { color: #ff6600; text-decoration: underline; }

DIV.CAL { margin: 30px auto; }
DIV.CAL table,DIV.CAL table td { border: 1px solid #ececec; border-collapse: collapse; }
div#menu div DIV.CAL_HEAD { margin-bottom: 2px; }
DIV.CAL_BODY {}

.CAL_DAY { background-color: #f5f5f5; }
.CAL_SUN { background-color: #F1E4E4; }
.CAL_SAT { background-color: #E0EAEF; }
.CAL_TODAY { background-color: #FFCC66; }

[PR]
by asazuki508e | 2011-07-05 00:25 | Comments(0)