tomemo

スキン「Happy Halloween」を右サイドバー化するためのCSS -月の夜-

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

d0112463_1429636.jpg
demo



CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
}
html {
background-color:#000000;
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color:#000000;
}
img {
border:0;
}
iframe {
}
blockquote{
padding:1em 20px;
font-style:oblique;
}
/* base */
div.base {
margin:0 auto;
background-color: #000000;
overflow:hidden;
width:800px;
color:#FFFFFF;
font-size:small;
}
/* header */
div#header {
overflow:hidden;
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/header_simple.jpg");
background-repeat:no-repeat;
background-position:top left;
width:800px;
height:240px;
}
div#headerbottom {
min-height:50px;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
div#headerbottom a:link{
color:#9FD6FD;
text-decoration:none;
}
div#headerbottom a:hover {
color:#4988FC;
text-decoration:none;
}
div#headerbottom a:active{
color:#49B0FC;
text-decoration:none;
}
div#headerbottom a:visited{
color:#4D4CDC;
text-decoration:none;
}

div#headerbottom h1 {
margin:5px 0;
}
div#headerbottom p {
margin:5px 0;
}
#main {
background-color: #4AB0FB;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 40px;
padding-left: 10px;
}
/* navigation */
div#navigation {
float:right;
overflow:hidden;
width:200px;
margin-left: 10px;
}
div#navigation a:link{
color:#9FD6FD;
text-decoration:none;
}
div#navigation a:hover {
color:#4988FC;
text-decoration:none;
}
div#navigation a:active{
color:#49B0FC;
text-decoration:none;
}
div#navigation a:visited{
color:#4D4CDC;
text-decoration:none;
}
#naviheader {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/menuheader_simple.gif");
background-repeat: no-repeat;
background-position: center top;
height: 10px;
width: 200px;
}
.navimain {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/menu_simple.gif");
background-repeat: repeat-y;
background-position: left top;
width: 160px;
padding:20px;
text-align:left;
}
#navifooter {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/menu_footer_simple.gif");
background-repeat: no-repeat;
background-position: center top;
height: 10px;
width: 200px;
}
div.menu_title {
margin-bottom: 5px;
}
div.menu_title h3{
overflow:hidden;
background: transparent url("http://md.exblog.jp/skn/img/a/01/08/7/ikon_simple.gif") no-repeat left center;
font-size: small;
font-weight:bold;
color: #FFFFFF;
}
div.menu_title h3 span{
display: block;
margin-left: 5px;
text-indent: -3px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 25px;
margin-bottom: 3px;
}

div#navigation div {
overflow:hidden;
}
div.guide {
margin-bottom:20px;
width:155px;
margin-left:5px;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.profile {
margin:0 auto;
width:160px;
text-align:center;
}
div.profile img.LOGO{
margin-bottom: 10px;
}
div.BANNER {
margin:10px 0;
text-align:center;
}
div.XML{
font-size: xx-small;
text-align: center;
}
div.sign {
font-size:xx-small;
text-align:center;
padding-top:10px;
}
div.sign a.sign {
background-image:url("http://md.exblog.jp/skn/img/a/01/08/7/sign.gif");
background-position:center;
background-repeat:no-repeat;
display:block;
width:160px;
height:35px;
text-indent:-9999px;
}
div#calendar {
text-align:center;
}
div#calendar a:link{
text-decoration: underline;
}
div#calendar a:active{
text-decoration:none;
}
div#calendar a:visited{
text-decoration:none;
}

div#calendar table {
margin: 0 auto;
margin-bottom: 10px;
width:160px;
}
.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:#4AB0FB;
}

/* contents */
div#contents {
overflow:hidden;
width:570px;
float:left;
}
div#postheader {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/post_header_simple.gif");
background-repeat: no-repeat;
background-position: center bottom;
height: 10px;
width: 570px;
}
.post {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/post_simple.gif");
background-repeat: repeat-y;
background-position: center;
width: 550px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 20px;
padding-left: 10px;
}
div.post a:link{
color:#9FD6FD;
text-decoration:none;
}
div.post a:hover {
color:#4988FC;
text-decoration:none;
}
div.post a:active{
color:#49B0FC;
text-decoration:none;
}
div.post a:visited{
color:#4D4CDC;
text-decoration:none;
}

#postfooter {
background-image: url("http://md.exblog.jp/skn/img/a/01/08/7/post_footer_simple.gif");
background-repeat: no-repeat;
background-position: center top;
height: 10px;
width: 570px;
margin-bottom: 20px;
}
div.post_header h2 {
overflow:hidden;
margin: 0 5px 0 15px;
padding-top: 5px;
padding-bottom:2px;
padding-left:27px;
font-size:medium;
font-weight:bold;
background: transparent url("http://md.exblog.jp/skn/img/a/01/08/7/ikon_simple.gif") no-repeat left center;

}
span.postadmin{
display: block;
font-size: small;
padding-top:5px;
padding-left:15px;
}
div.post_header h2 span{
display: block;
margin-left: 5px;
text-indent: -3px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 20px;
margin-bottom: 5px;
}


div.post_header p {
padding-top: 5px;
padding-right: 15px;
padding-bottom: 20px;
font-size: x-small;
font-weight:bold;
}
div.story {
clear: both;
overflow:hidden;
margin: 0 5px;
margin-top: 0;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
}
div.story a {
color:#BA74BB;
}
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;
margin:10px 20px;
text-align:right;
}
p.posttail a :link{
color:#4988FC;
text-decoration: none;
}
p.posttail a:hover {
color:#49B0FC;
text-decoration: underline;
}
p.posttail span.AUTHOR a{
color: #4988FC;
}
div.COMMENT {
margin:10px 20px;
padding: 10px;
background-color:#CFE8FE;
color:#333333;
}
div.COMMENT a:link {
color:#49B0FC;
}
div.COMMENT a:hover{
color:#49B0FC;
}
div.TRACK_TOP a:hover{
color:#49B0FC;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}

div.COMMENT_LINE {
}
div.COMMENT_TAIL {
margin:10px;
overflow:hidden;
font-weight:bold;
color:#333333;
}
div.COMMENT_TAIL a {
color:#4988FC;
}
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;
}
div#pageguide{
color:#000000;
font-weight:bold;
}
div#pageguide a:link{
color:#000000;
text-decoration:none;
}
div#pageguide a:hover {
color:#333333;
text-decoration:underline;
}
div#pageguide a:active{
color:#333333;
text-decoration:none;
}
div#pageguide a:visited{
color:#333333;
text-decoration:none;
}


/* footer */
div#footer {
clear:both;
height: 20px;
}

[PR]
by asazuki508e | 2011-07-07 14:31 | Comments(0)