tomemo

スキン「ライフプラン」を右サイドバー化するためのCSS

スキン「ライフプラン」を右サイドバー化するためのCSSです。





CSS


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

body {
margin: 0;
padding: 0;
background: url("http://md.exblog.jp/skn/img/a/01/12/2/body_back3.jpg") top left repeat-x;
}

a:link,a:visited { color: #CC3300; text-decoration: none; }
a:hover { color: #CC3300; text-decoration: underline; }

h1,h1 a {
padding-top: 15px;
color: #CC3300;
font-size: 140%;
font-weight: bold;
text-decoration: none;
letter-spacing: 2px;
margin-bottom: 3px;
}

h2 {
color: #993300;
font-size: 110%;
font-weight: normal;
text-decoration: none;
}

/*h1,h2 {
overflow:hidden;
white-space:nowrap;
}*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#header {
width: 770px;
height: 170px;
background: url("http://md.exblog.jp/skn/img/a/01/12/2/title.jpg") no-repeat;
font-size: 13px;
/*overflow: hidden;
white-space: nowrap;*/
text-align: right;
padding-right: 10px;
padding-bottom: 75px;
border-bottom: #9A6803 solid 3px;
}

div#header p {
padding-top: 0px;padding-bottom: 0px;margin-bottom:40px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#mainframe {
margin: 8px auto;
width: 780px;
background: #FFFCF3 url("http://md.exblog.jp/skn/img/a/01/12/2/back.jpg") top left repeat-x;
}
div#blog-body {
padding-top: 25px;
overflow: hidden;
border-left: #D2BA88 solid 1px;
border-right: #D2BA88 solid 1px;
width: 778px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#entry {
width: 510px;
float: left;
margin-left: 13px;
_margin-left: 6px;
}

div.post {
width: 510px;
margin-bottom: 50px;
overflow: hidden;
font-size: 13px;
line-height: 1.4;
}

p.date {
text-align: right;
color: #CC6600;
margin-bottom: 5px;
}

div.post_head {
background: url("http://md.exblog.jp/skn/img/a/01/12/2/post_ttl.gif") top left no-repeat;
overflow: hidden;
height: 48px;
}

div.post_head h3 {
float: left;
overflow: hidden;
padding-left: 45px;
color: #666600;
font-size: 110%;
padding-top: 14px;
word-wrap: break-word;
}

div.post_head h3 a {
float: left;
overflow: hidden;
color: #666600;
font-size: 100%;
word-wrap: break-word;
}

div.post_head p {
float: right;
padding-top: 15px;
}

div.post_body {
clear: both;
word-wrap: break-word;
margin-top: 15px;
}

div.post_body div.post-cont {
overflow:hidden;
margin: 0 10px;
}

div.post_body div.post-cont img.IMAGE_MID { margin: 0 0 0 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 {
margin: 20px auto;
text-align: right;
clear: both;
font-size: 87%;
}

div.post_tail a {
color: #CC9900;
}

DIV.TAGS { padding: 10px 0 5px; clear: both; }

div.COMMENT { width:510px; background:#F4EFDF;/* overflow: hidden;*/ }
div.TRACK_TOP { width:510px; margin: 10px;/* overflow:hidden;*/ }
div.COMMENT_TAIL { width:510px; margin: 10px;/* overflow: hidden;*/ }
div.COMMENT_BODY { /*width:510px;*/ margin: 10px 10px 10px 20px;/* overflow: hidden;*/ }
div.COMMENT_INPUT { width:510px; margin: 10px;/* overflow: hidden;*/ }
div.COMMENT_LINE { width:510px; 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: 215px;
float: right;
overflow:hidden;
font-size: 13px;
line-height: 1.3em;
margin-right: 13px;
_margin-right: 6px;
color: #333333;
}

div#menu a {
color: #333333;
}

div#menu a:hover {
color: #CC3300;
}

div#menu dl {
margin: 15px 0;
}

div#menu dt {
margin-bottom: 3px;
background:url("http://md.exblog.jp/skn/img/a/01/12/2/menu_ttl.gif") 0px bottom repeat-x;
height: 31px;
}

div#menu dt p {
padding: 5px 5px 5px 25px;
color: #663300;
}

div#menu dd {
padding: 2px 5px 2px 5px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#menu div.func {
margin: 10px 0;
text-align: center;
}

div#menu div.func a {
color: #339933;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#profile {
text-align:center
}

div#profile img {
border: 1px solid #CCCCCC;
margin-bottom: 5px;
}
div#profile p {}
div#profile br { display: none; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div#footer { clear: both; }
div#footer a {
display: block;
width: 778px;
height: 98px;
text-indent: -9999;
background:url("http://md.exblog.jp/skn/img/a/01/12/2/footer.gif") no-repeat;
border-left: #D2BA88 solid 1px;
border-right: #D2BA88 solid 1px;
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#footerCopy a:link,
#footerCopy a:visited,
#footerCopy a:active{ font-size:85%; color:#fff; text-decoration:none; }
#footerCopy a:hover{ color:#fff; text-decoration:underline; }

#footerCopy {
background-color:#9A6803;
text-align:center;
margin: 0;
padding-bottom: 10px;
}

#footerLink {
width:780px;
text-align:center;
}

#footerCopy ul{
text-align:center;
}

#footerCopy li{
color: #FFFFFF;
display: inline;
font-size:70%;
padding-right:10px;
margin-right:10px;
border-right:solid 1px #FFFFFF;
list-style:none;
line-height:12px;
}

#footerCopy .li2{
padding-right:0;
border:none;
}

address{
font-style:normal;
color: #FFFFFF;
font-size:70%;
padding-top:10px;
}

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-12 15:55 | Comments(0)