tomemo

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

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

d0112463_22354496.jpg
demo



CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
}
html {
background-color: #e8e9a3;
}

body {
color:#333333;
font-size: small;
}
img {
border:0;
}
iframe {
}
blockquote{
padding:1em 20px;
font-style:oblique;
}
#base {
width: 970px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
overflow:hidden;
font-size:small;
background-image: url("http://md.exblog.jp/skn/img/a/01/08/0/header03.jpg");
background-repeat: no-repeat;
background-position: top;
}
#centerparts {
margin: 0 60px;
width: 850px;
background-color:#FFFFFF;
background-image: url("http://md.exblog.jp/skn/img/a/01/08/0/header03.jpg");
background-repeat: no-repeat;
background-position: top center;
padding: 0px;
}
/* header */
div#header {
overflow:hidden;
padding-top: 35px;
padding-right: 80px;
padding-bottom: 50px;
padding-left: 380px;
}
div#header a {
text-decoration:none;
color:#FFFFFF;
}
div#header h1 {
margin:5px 0;
color:#FFFFFF;
}
div#header p {
margin:5px 0;
}

p.driver {
font-size: small;
color: #FFFFFF;
}
p.handle{
font-size: small;
color: #FFFFFF;
}


/* contents */
div#contents {
float:left;
overflow:hidden;
padding-left:30px;
width:560px;
}
div#contents p.pageGuide {
text-align:center;
}
div#contents p.pageGuide a {
color:#035d82;
text-decoration:none;
}

div.post {
margin-bottom:45px;
overflow:hidden;
background-image:url("http://md.exblog.jp/skn/img/a/01/08/0/postback03.gif");
background-repeat:repeat-y;
background-position: top left;
width:560px;
line-height:1.6;
background-color: #FFFFFF;
}
div.postheader {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/0/contentsheader03.gif");
background-repeat: no-repeat;
background-position: top left;
height: 7px;
width: 560px;
}

div.post_footer {
height: 7px;
background-image:url("http://md.exblog.jp/skn/img/a/01/08/0/contentsfooter03.gif");
background-repeat:no-repeat;
background-position: bottom left;
width: 560px;
}
div.post_header{
background-repeat:no-repeat;
background-position:5px 15px;
padding-bottom:5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #cf1955;
border-right-color: #cf1955;
border-bottom-color: #cf1955;
border-left-color: #cf1955;
padding-left: 10px;
padding-top: 5px;
margin-top: 3px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
div.post_header h2 {
overflow:hidden;
background-image:url("http://md.exblog.jp/skn/img/a/01/08/0/title_flower03.gif");
background-repeat:no-repeat;
background-position: left center;
width: 380px;
font-size:medium;
font-weight:bold;
padding:0 10px 0 25px;
}

div.post_header h2 a {
color:#cf1955;
}
span.postadmin{
font-size: small;
}
.day {
font-size: x-small;
font-weight: bold;
color: #000000;
padding-right: 10px;
padding-left: 10px;
}


div.post_header p {
margin: 5px 0 10px 15px;
font-size: x-small;
font-weight:bold;
}

div.story {
clear: both;
overflow:hidden;
margin-top: 25;
margin-right: 10px;
margin-bottom: 30;
margin-left: 10px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 10px;
width:520px;
}
div.story a {
color:#cf1955;
}

div.story ul {
padding-left:30px;
}
div.story ol {
padding-left:30px;
}

div.story div.TAGS {
text-align:center;
font-size:xx-small;
}

div.story div.TAGS a {
padding-left:5px;
font-size:small;
}

p.posttail {
clear:both;
text-align:right;
margin-top: 0px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: auto;
}
p.posttail a {
color:#cf1955;
text-decoration: none;
}
p.posttail a:hover {
color:#df8ba6;
text-decoration: underline;
}
p.posttail span.AUTHOR a{
color: #333333;
}
div.COMMENT {
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 15px;
border-top: 1px dotted #cf1955;
padding: 10px;
}
div.COMMENT a {
color:#cccc66;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}
div.COMMENT_LINE {
}
div.COMMENT_TAIL {
margin:10px;
overflow:hidden;
font-weight:bold;
color:#666666;
}
div.COMMENT_TAIL a {
color:#612B55;
}
div.COMMENT_BODY {
overflow:hidden;
padding:10px 10px 10px 20px;
padding-top:0;
}
div.COMMENT_INPUT {
padding:10px;
}

img.IMAGE_MID {
margin-bottom:15px;
margin-top:15px;
}
img.IMAGE_RIGHT {
margin-bottom:10px;
margin-left:10px;
}
img.IMAGE_LEFT {
margin-bottom:10px;
margin-right:15px;
}


/* navigation */
div#navigation {
float:right;
overflow:hidden;
margin-bottom: 20px;
width:204px;
padding-right: 20px;
}
.naviheader {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/0/menu_header03.gif");
background-repeat: no-repeat;
background-position: top left;
height: 7px;
width: 204px;
}

div#navigationmain {
background-color: #FFFFFF;
margin: 0px;
width: 204px;
padding: 0px;
}
div#navigation a {
color:#df8ba6;
text-decoration:none;
}
div#navigation h3 {
overflow:hidden;
background-image:url("http://md.exblog.jp/skn/img/a/01/08/0/flower03.jpg");
background-repeat:no-repeat;
background-position: 5px 5px;
font-size: small;
color: #ff538c;
width:180px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 20px;
}
div#navigation div {
overflow:hidden;
}
div.guide {
margin-bottom:10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 15px;
padding-left: 20px;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.profile {
margin:0 auto;
padding:9px;
width:150px;
text-align:center;
overflow:hidden;
}
div.profile img.LOGO{
margin-bottom: 10px;
}
div.BANNER {
margin:10px 0;
padding:9px;
text-align:center;
}
div.XML{
font-size: xx-small;
text-align: center;
}
div.sign {
font-size:xx-small;
text-align:center;
}
div.sign a.sign {
background-image:url("http://md.exblog.jp/skn/img/a/01/08/0/sign.gif");
background-position:center;
background-repeat:no-repeat;
display:block;
width:165px;
height:34px;
text-indent:-9999px;
margin-top: 5px;
margin-right: auto;
margin-bottom: 5px;
margin-left: auto;
}
div#calendar {
text-align:center;
width:150px;
padding-left:25px;
}
div#navigation a:hover {
color:#AB96A6;
text-decoration: underline;
}
div#calendar table {
margin: 0 auto;
margin-bottom: 20px;
width:150px;
}
.CAL {
font:7PT/170% VERDANA;
margin: 10px 0;
}
.CAL_DAY {
font:BOLD 7PT/170% VERDANA;
}
.CAL_SUN {
font:BOLD 7PT/170% VERDANA;
color:#D36654;
}
.CAL_SAT {
font:BOLD 7PT/170% VERDANA;
color: #3572A1;
}
.CAL_TODAY {
font:BOLD 7PT/170% VERDANA;
color:#CF1955;
}
div.next {
margin-bottom: 20px;
text-align: center;
color:#333333;
}

div.next a {
color:#CF1955;
text-decoration: none;
}
div.next a:hover {
color:#AB96A6;
text-decoration: underline;
}

div#footer{
clear: both;
}

[PR]
by asazuki508e | 2011-07-05 22:37 | Comments(0)