tomemo

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

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





CSS


/* excite blog default skin */

* {
margin:0;
padding:0;
word-break:break-all;
}
html {
background-color:#C3CEDA;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/html_background1.gif");
}
body {
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/body_background1.gif");
background-repeat:repeat-x;
background-position:top;
}
blockquote{
padding:1em 20px;
font-style:oblique;
}
/* base */
div#base {
margin:0 auto;
border-left:#000000 1px solid;
border-right:#000000 1px solid;
background-color:#F4F4F4;
width:800px;
}

/* header */
div#header {
overflow:hidden;
background-color:#FFFFFF;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/header_background1.jpg");
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
}
div#header a {
text-decoration:none;
color:#000000;
}
div#header h1 {
padding:50px 20px 5px 5px;
}
div#header p {
margin:5px 20px;
font-size:small;
}
div#header p.excite {
margin:0;
padding:50px 0 60px 640px;
width:160px;
height:20px;
}
div#header p.excite a {
display:block;
width:100%;
height:100%;
}
div#header p.excite a span {
display:none;
}

/* contents */
div#contents {
float:left;
margin:10px 0;
border-right:#C9C9C9 1px solid;
overflow:hidden;
padding:0 10px 10px 20px;
width:550px;
color:#333333;
font-size:small;
}
div#contents p.pageGuide {
text-align:center;
}
div#contents p.pageGuide a {
color:#333333;
}
div.post {
margin-bottom:20px;
border-top:#C9C9C9 3px double;
border-bottom:#C9C9C9 3px double;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/post_background1.gif");
overflow:hidden;
width:550px;
line-height:1.5;
}
div.post a {
color:#666666;
}
div.post h2 {
margin:10px;
border:#CCCCCC 1px solid;
background-color:#FFFFFF;
padding:5px;
width:518px;
color:#666666;
font-size:small;
font-weight:bold;
}
div.post img {
margin:5px;
}
div.story {
margin:10px;
overflow:hidden;
}
div.story div.TAGS {
margin:5px;
overflow:hidden;
text-align:right;
}
div.story div.TAGS a {
color:#FFFFFF;
font-weight:bold;
}
p.posttail {
clear:both;
margin:10px;
border:#CCCCCC 1px solid;
background-color:#F4F4F4;
padding:5px;
width:518px;
text-align:right;
}
p.posttail a {
color:#666666;
}
div.COMMENT {
margin:10px;
border:#CCCCCC 1px solid;
background-color:#EEEEEE;
overflow:hidden;
color:#333333;
}
div.COMMENT a {
color:#333333;
}
div.TRACK_TOP {
margin:10px;
font-size:x-small;
}
div.COMMENT_LINE {
border-top:#C9C9C9 3px double;
height:10px;
}
div.COMMENT_TAIL {
border-top:#CCCCCC 1px solid;
background-color:#F4F4F4;
overflow:hidden;
padding:10px;
padding-bottom:0;
font-weight:bold;
}
div.COMMENT_BODY {
background-color:#F4F4F4;
overflow:hidden;
padding:10px;
padding-top:0;
}
div.COMMENT_INPUT {
padding:10px;
}

/* navigation */
div#navigation {
float:left;
margin:10px 0;
padding:0 0 10px 10px;
width:190px;
}
div.menu {
border-top:#C9C9C9 3px double;
border-bottom:#C9C9C9 3px double;
padding:10px;
width:170px;
background-image:url("http://md.exblog.jp/skn/img/a/01/05/4/post_background1.gif");
color:#666666;
font-size:small;
}
div.menu a {
color:#666666;
}
div.menu h3 {
font-size:small;
}
div.profile {
margin-bottom:10px;
background-color:#F4F4F4;
overflow:hidden;
padding:10px;
width:150px;
text-align:center;
}
div.calendar {
margin:10px 0;
background-color:#F4F4F4;
overflow:hidden;
padding:10px;
width:150px;
}
.CAL {
font:7PT/170% VERDANA;
text-align:center;
}
.CAL_DAY {
font:BOLD 7PT/170% VERDANA;
text-align:center;
}
.CAL_SUN {
font:BOLD 7PT/170% VERDANA;
color:#D36654;
text-align:center;
}
.CAL_SAT {
font:BOLD 7PT/170% VERDANA;
color: #3572A1;
text-align:center;
}
.CAL_TODAY {
font:BOLD 7PT/170% VERDANA;
background-color:#EEEEEE;
text-align:center;
}
div.guide {
margin:10px 0;
background-color:#F4F4F4;
overflow:hidden;
padding:10px;
width:150px;
}
div.guide input {
width:40px;
}
div.guide input.TXTFLD {
width:100px;
}
div.BANNER {
margin:10px 0;
overflow:hidden;
padding:10px;
width:150px;
text-align:center;
}
div.XML {
margin:10px 0;
overflow:hidden;
width:150px;
text-align:center;
}

/* designing */
div#designing {
clear:both;
border-top:#C9C9C9 1px solid;
padding:5px 20px;
text-align:right;
color:#C9C9C9;
font-size:xx-small;
}
div#designing p a {
text-decoration:none;
color:#C9C9C9;
}

[PR]
by asazuki508e | 2011-06-28 06:18 | Comments(0)