tomemo

スキン「cherry」を右サイドバー化するためのCSS -ピンク-

スキン「cherry」を右サイドバー化するためのCSSのピンクバージョンです。





CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
word-break:break-all;
}
html {
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/background_main02.gif");
background-repeat:repeat-y;
background-position:top center;
background-color:#F9E1E1;
}
body {
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/backgraund_top02.gif");
background-repeat:no-repeat;
background-position:top center;
font-family: Arial, Helvetica, sans-serif;
}
img {
border:0;
}
iframe {
}
td {
vertical-align: top;

}
/* base */
table#base {
margin: 0 auto;
border-top:0;
overflow:hidden;
width:840px;
color:#333333;
font-size:small;
}

/* header */
div#header {
overflow:hidden;
margin-left: 190px;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/background_head02.gif");
background-repeat:no-repeat;
background-position:bottom left;
width:450px;
padding-top: 75px;
padding-bottom: 75px;
}
div#header a {
text-decoration:none;
color:#4F2E14;
}
div#header h1 {
padding-top:10px;
}
div#header p {
padding-top:10px;
}

/* contents */
td#contentsBlock{
padding:0 50px 0 70px;
}
div#contents {
float:left;
overflow:hidden;
width:500px;
}
div#contents p.pageGuide {
color:#6F501B;
text-align:center;
}
div#contents p.pageGuide a {
color:#6F501B;
}
div.post {
margin-bottom:20px;
overflow:hidden;
width:500px;
line-height:1.5;
}
p.postdate{
padding-top:10px;
padding-right:20px;
text-align:right;
border-bottom:1px dotted #4F2E14;
color:#6F502B;
font-weight:bold;
}
div.post h2 {
margin:10px 0;
width:500px;
padding:10px 0 5px 0;
color:#6F502B;
font-size:small;
font-weight:bold;
}
div.post h2 a {
padding:0 5px;
color:#6F502B;
}
div.post h2 img{
vertical-align:middle;
}
div.post blockquote {
margin:10px;
background-color: #FFF;
padding:5px;
border: 1px solid #CCC;
}
div.story {
margin:10px 0x;
width:500px;
overflow:hidden;
}
div.story img{
margin:5px;
}
div.story a {
color:#DF7C6F;
}
div.story div.TAGS {
text-align:center;
font-size:xx-small;
}
div.story div.TAGS a {
padding-left:5px;
font-size:small;
text-decoration:none;
}
p.posttail {
clear:both;
padding:10px 20px;
text-align:right;
}
p.posttail a {
text-decoration:none;
color:#DF7C6F;
}
p.posttail a:visited{
text-decoration: none;
color:#DF7C6F;
}
p.posttail a:hover{
text-decoration: underline;
color:#DF7C6F;
}
div.COMMENT {
margin:30px 20px;
background-color:#FFFFEF;
border:#CCC 1px solid;
color:#666666;
}
div.COMMENT a {
color:#DF7C6F;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}
div.COMMENT_LINE {
}
div.COMMENT_TAIL {
margin:10px;
overflow:hidden;
}
div.COMMENT_TAIL a {
text-decoration:none;
color:#DF7C6F;
}
div.COMMENT_BODY {
overflow:hidden;
padding:0pt 15px 10px;
}
div.COMMENT_INPUT {
padding:10px;
}

/* navigation */
div#navigation {
float:right;
overflow:hidden;
margin:20px 0;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/background_contents_main02.gif");
background-repeat:repeat-y;
background-position:center;
width:200px;
color:#6F502B;
}
div#navigation h3 {
margin-left:10px;
overflow:hidden;
/*vertical-align:middle;*/
padding:5px;
font-size:small;
font-weight:bold;
}
div#navigation h3 img {
margin-right:5px;
}
div#navigation div {
overflow:hidden;
}
div.guide {
margin-bottom:10px;
width:150px;
padding:0 25px;
}
div.guide a{
text-decoration:none;
color:#333;
}
div.guide a:visited{
text-decoration:none;
color:#333;
}
div.guide a:hover{
text-decoration:underline;
color:#333;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.profile {
margin:0 0 30px 0;
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/background_contents_top02.gif");
background-repeat:no-repeat;
background-position:top center;
padding-top:10px;
width:200px;
text-align:center;
}
div.BANNER {
margin:10px 0;
padding:9px;
text-align:center;
}
div.sign {
background-image:url("http://md.exblog.jp/skn/img/a/01/06/1/background_contents_bottom02.gif");
background-repeat:no-repeat;
background-position:bottom;
padding-bottom:20px;
font-size:xx-small;
text-align:center;
}
div.sign a {
color:#DF7C6F;
}
div.calendar table tr td{
text-align:center;
}
div.calendar a{
color:#39668A;
}
div.calendar table {
margin-left:10px;
margin-bottom:10px;
width:180px;
}
div.CAL_HEAD {
text-align:center;
}
div.CAL_HEAD a{
font-weight:bold;
color:#666;
}
td.CAL {
font:BOLD 7PT/170% VERDANA;
color:#666;
}
td.CAL_TR{
font-size:20px;
}
td.CAL_DAY {
font:BOLD 8PT/170% VERDANA;
color:#666;
}
td.CAL_SUN {
font:BOLD 8PT/170% VERDANA;
color:#D36654;
}
td.CAL_SAT {
font:BOLD 8PT/170% VERDANA;
color: #3572A1;
}
td.CAL_TODAY {
font:BOLD 7PT/170% VERDANA;
color:#BF4F71;
}

div.footer{
clear:both;
height:20px;
}

[PR]
by asazuki508e | 2011-07-03 21:41 | Comments(0)